diff --git a/BLAZAM/BLAZAM.csproj b/BLAZAM/BLAZAM.csproj index 199f3c06..2402f8b7 100644 --- a/BLAZAM/BLAZAM.csproj +++ b/BLAZAM/BLAZAM.csproj @@ -6,7 +6,7 @@ enable false 0.9.3 - 2024.05.27.2131 + 2024.06.09.1748 false BLAZAM False diff --git a/BLAZAM/Pages/Configure/EmailTemplateSettings.razor b/BLAZAM/Pages/Configure/EmailTemplateSettings.razor new file mode 100644 index 00000000..538cdae3 --- /dev/null +++ b/BLAZAM/Pages/Configure/EmailTemplateSettings.razor @@ -0,0 +1,68 @@ +@page "/notifications" +@attribute [Authorize(Roles = UserRoles.SuperAdmin)] + +@inherits TabbedAppComponentBase + +@AppLocalization["Notifications"] + + + + + + + + + + + + + + + + + + + @AppLocalization["Templates"] + + + + + + + + + + + + @AppLocalization["Access Levels"] + + + + + + + @if (Monitor.DirectoryConnectionStatus == ServiceConnectionState.Up) + { + + + + } + + + + + @AppLocalization["Mappings"] + + + + + + + + + + + +@code { + +} diff --git a/BLAZAM/Pages/Configure/Templates.razor b/BLAZAM/Pages/Configure/Templates.razor index 56f504c9..7547c912 100644 --- a/BLAZAM/Pages/Configure/Templates.razor +++ b/BLAZAM/Pages/Configure/Templates.razor @@ -61,6 +61,7 @@ {RenameModal?.Show();}) Color="Color.Tertiary" + Class="align-middle" Icon="@Icons.Material.Filled.ChangeCircle" /> } @@ -70,6 +71,7 @@ {await DuplicateTemplate(SelectedTemplate);}) Color="Color.Tertiary" + Class="align-middle" Icon="@Icons.Material.Filled.FileCopy" /> @@ -88,6 +90,7 @@ {RestoreModal?.Show();}) Color="Color.Warning" + Class="align-middle" Icon="@Icons.Material.Filled.RestoreFromTrash" /> } @@ -190,7 +193,7 @@ SnackBarService.Success(AppLocalization["Renamed category"] + ": " + SelectedCategory + " to " + newCategoryName); SelectedCategory = newCategoryName; await FetchTemplates(); - RenameModal?.Hide(); + RenameModal?.Close(); } await RefreshComponents(); @@ -253,7 +256,7 @@ } } var result = await Context.SaveChangesAsync(); - RestoreModal?.Hide(); + RestoreModal?.Close(); SnackBarService.Success(AppLocalization["Template(s) restored"]); } } diff --git a/BLAZAM/Pages/Groups/ViewGroup.razor b/BLAZAM/Pages/Groups/ViewGroup.razor index 9061e4de..b4e09a18 100644 --- a/BLAZAM/Pages/Groups/ViewGroup.razor +++ b/BLAZAM/Pages/Groups/ViewGroup.razor @@ -26,10 +26,10 @@ - {AssignToModal?.Hide(); InvokeAsync(StateHasChanged);}) DirectoryModel="Group" /> + {AssignToModal?.Close(); InvokeAsync(StateHasChanged);}) DirectoryModel="Group" /> - {AssignMemberModal?.Hide();InvokeAsync(StateHasChanged);}) Group="Group" /> + {AssignMemberModal?.Close();InvokeAsync(StateHasChanged);}) Group="Group" /> @if (MoveToModal?.IsShown == true) diff --git a/BLAZAM/Pages/Users/ConfirmNewUser.razor b/BLAZAM/Pages/Users/ConfirmNewUser.razor index 333df1bb..a5ff9bfc 100644 --- a/BLAZAM/Pages/Users/ConfirmNewUser.razor +++ b/BLAZAM/Pages/Users/ConfirmNewUser.razor @@ -1,3 +1,5 @@ +@using BLAZAM.EmailMessage.Email +@using System.Security @inherits DirectoryModelComponent @inject IJSRuntime JSRuntime Confirm User Creation @@ -54,12 +56,12 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) } @if (InDirectoryTemplate(ActiveDirectoryFields.HomePhone) || - InDirectoryTemplate(ActiveDirectoryFields.StreetAddress) || - InDirectoryTemplate(ActiveDirectoryFields.POBox) || - InDirectoryTemplate(ActiveDirectoryFields.City) || - InDirectoryTemplate(ActiveDirectoryFields.State) || - InDirectoryTemplate(ActiveDirectoryFields.PostalCode) - ) + InDirectoryTemplate(ActiveDirectoryFields.StreetAddress) || + InDirectoryTemplate(ActiveDirectoryFields.POBox) || + InDirectoryTemplate(ActiveDirectoryFields.City) || + InDirectoryTemplate(ActiveDirectoryFields.State) || + InDirectoryTemplate(ActiveDirectoryFields.PostalCode) + ) {
@@ -98,10 +100,10 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) } @if (InDirectoryTemplate(ActiveDirectoryFields.HomeDirectory) || - InDirectoryTemplate(ActiveDirectoryFields.HomeDrive) || - InDirectoryTemplate(ActiveDirectoryFields.ScriptPath) || - InDirectoryTemplate(ActiveDirectoryFields.ProfilePath) - ) + InDirectoryTemplate(ActiveDirectoryFields.HomeDrive) || + InDirectoryTemplate(ActiveDirectoryFields.ScriptPath) || + InDirectoryTemplate(ActiveDirectoryFields.ProfilePath) + ) {
@if (InDirectoryTemplate(ActiveDirectoryFields.HomeDirectory)) @@ -157,17 +159,24 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) { Create User -}else{ +} +else +{ Go To User Create Another } Print +Test + + + @code { [Parameter] public DirectoryTemplate? DirectoryTemplate { get; set; } + AppModal? SendWelcomeModal; [Parameter] public EventCallback Confirmed { get; set; } /// @@ -181,7 +190,9 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) return DirectoryTemplate?.FieldValues.Any(f => f.Field?.FieldName == field.FieldName) == true; } bool confirmed = false; - bool disableCreateUserButton=false; + bool disableCreateUserButton = false; + SecureString? _userPassword; + string? _username; /// /// Triggered when the user confirms the creation of this /// Active Directory User @@ -192,22 +203,24 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) try { - disableCreateUserButton =true; + disableCreateUserButton = true; await InvokeAsync(StateHasChanged); IJob createUserJob = new Job(AppLocalization["Create User"]); createUserJob.StopOnFailedStep = true; createUserJob.ShowJobDetailsDialog(MessageService); + _username = User.SamAccountName; + _userPassword = User.NewPassword; var result = await User.CommitChangesAsync(createUserJob); disableCreateUserButton = false; await InvokeAsync(StateHasChanged); if (result.FailedSteps.Count == 0) { - var newUser = Directory.Users.FindUsersByContainerName(User.CanonicalName, false, true); - if (newUser != null) - { - User = newUser; - } + // var newUser = Directory.Users.FindUsersByContainerName(User.CanonicalName, false, true); + // if (newUser != null) + // { + // User = newUser; + // } SnackBarService.Success("User has been created"); confirmed = true; await Confirmed.InvokeAsync(); @@ -216,6 +229,27 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) } await AuditLogger.User.Created(User); + try + { + if (DirectoryTemplate.EffectiveSendWelcomeEmail == true) + { + if (DirectoryTemplate.EffectiveAskForAlternateEmail == true || User.Email.IsNullOrEmpty()) + { + SendWelcomeModal?.Show(); + } + else + { + SendWelcomeEmail(User.Email); + } + + } + } + catch + { + + } + + } catch (ApplicationException ex) { @@ -224,7 +258,24 @@ InDirectoryTemplate(ActiveDirectoryFields.PhysicalDeliveryOffice) } - + async Task SendWelcomeEmail(string to) + { + try{ + NewUserWelcomeEmailMessage message = new NewUserWelcomeEmailMessage(); + message.Domain = User.Directory.ConnectionSettings.FQDN; + message.Username = _username; + message.Password = _userPassword; + var html = message.Render(); + EmailService.SendMessage(AppLocalization["New Account Details"], message,to); + SnackBarService.Info(AppLocalization["Welcome Email Sent to "] + to); + SendWelcomeModal.Close(); + }catch (Exception ex) + { + Loggers.SystemLogger.Error("Error sending welcome email {@Error}", ex); + SnackBarService.Error(ex.Message); + } + //emailPreview = EmailService.PrepareHTMLForEmail(html); + } async Task Print() { await JSRuntime.InvokeVoidAsync("printPage", null); diff --git a/BLAZAM/Pages/Users/CreateUser.razor b/BLAZAM/Pages/Users/CreateUser.razor index 2844a3f2..4f759ce5 100644 --- a/BLAZAM/Pages/Users/CreateUser.razor +++ b/BLAZAM/Pages/Users/CreateUser.razor @@ -265,7 +265,7 @@ newUser?.StagePasswordChange(customConfirmPassword.ToSecureString()); { LoadingData = true; await InvokeAsync(StateHasChanged); - var ou = Directory.OUs.FindOuByString(SelectedTemplate.ParentOU).FirstOrDefault(); + var ou = Directory.OUs.FindOuByString(SelectedTemplate.EffectiveParentOU).FirstOrDefault(); if (ou == null) throw new ApplicationException("OU could not be found for new user"); newUser = ou.CreateUser(SelectedTemplate.GenerateDisplayName(newUserName)); @@ -283,7 +283,7 @@ newUser?.StagePasswordChange(customConfirmPassword.ToSecureString()); if (!newUserName.Surname.IsNullOrEmpty()) newUser.Surname = newUserName.Surname; - foreach (var fieldValue in SelectedTemplate.InheritedFieldValues) + foreach (var fieldValue in SelectedTemplate.EffectiveFieldValues) { try { @@ -331,7 +331,7 @@ newUser?.StagePasswordChange(customConfirmPassword.ToSecureString()); Loggers.ActiveDirectryLogger.Error("Error while creating template user {@Error}", ex); - SnackBarService.Error(AppLocalization["An error has occurred while trying to create the template user"]); + SnackBarService.Error(AppLocalization["An error has occurred while trying to create the template user: "] + ex.Message); } LoadingData = false; diff --git a/BLAZAM/wwwroot/lib/mudblazor/css/MudBlazor.min.css b/BLAZAM/wwwroot/lib/mudblazor/css/MudBlazor.min.css index 99e566b7..bb558957 100644 --- a/BLAZAM/wwwroot/lib/mudblazor/css/MudBlazor.min.css +++ b/BLAZAM/wwwroot/lib/mudblazor/css/MudBlazor.min.css @@ -1,264 +1,263 @@ -@charset "UTF-8"; /*! * MudBlazor (https://mudblazor.com/) * Copyright (c) 2021 MudBlazor * Licensed under MIT (https://github.com/MudBlazor/MudBlazor/blob/master/LICENSE) */ .mud-primary { - background-color: var(--mud-palette-primary) !important; + background-color: var(--mud-palette-primary) !important } .mud-primary-text { - color: var(--mud-palette-primary) !important; + color: var(--mud-palette-primary) !important } .mud-primary-hover { - background-color: var(--mud-palette-primary-hover) !important; + background-color: var(--mud-palette-primary-hover) !important } .hover\:mud-primary-hover:hover, .hover\:mud-primary-hover:focus-visible { - background-color: var(--mud-palette-primary-hover) !important; + background-color: var(--mud-palette-primary-hover) !important } .mud-border-primary { - border-color: var(--mud-palette-primary) !important; + border-color: var(--mud-palette-primary) !important } .mud-theme-primary { color: var(--mud-palette-primary-text) !important; - background-color: var(--mud-palette-primary) !important; + background-color: var(--mud-palette-primary) !important } .mud-secondary { - background-color: var(--mud-palette-secondary) !important; + background-color: var(--mud-palette-secondary) !important } .mud-secondary-text { - color: var(--mud-palette-secondary) !important; + color: var(--mud-palette-secondary) !important } .mud-secondary-hover { - background-color: var(--mud-palette-secondary-hover) !important; + background-color: var(--mud-palette-secondary-hover) !important } .hover\:mud-secondary-hover:hover, .hover\:mud-secondary-hover:focus-visible { - background-color: var(--mud-palette-secondary-hover) !important; + background-color: var(--mud-palette-secondary-hover) !important } .mud-border-secondary { - border-color: var(--mud-palette-secondary) !important; + border-color: var(--mud-palette-secondary) !important } .mud-theme-secondary { color: var(--mud-palette-secondary-text) !important; - background-color: var(--mud-palette-secondary) !important; + background-color: var(--mud-palette-secondary) !important } .mud-tertiary { - background-color: var(--mud-palette-tertiary) !important; + background-color: var(--mud-palette-tertiary) !important } .mud-tertiary-text { - color: var(--mud-palette-tertiary) !important; + color: var(--mud-palette-tertiary) !important } .mud-tertiary-hover { - background-color: var(--mud-palette-tertiary-hover) !important; + background-color: var(--mud-palette-tertiary-hover) !important } .hover\:mud-tertiary-hover:hover, .hover\:mud-tertiary-hover:focus-visible { - background-color: var(--mud-palette-tertiary-hover) !important; + background-color: var(--mud-palette-tertiary-hover) !important } .mud-border-tertiary { - border-color: var(--mud-palette-tertiary) !important; + border-color: var(--mud-palette-tertiary) !important } .mud-theme-tertiary { color: var(--mud-palette-tertiary-text) !important; - background-color: var(--mud-palette-tertiary) !important; + background-color: var(--mud-palette-tertiary) !important } .mud-info { - background-color: var(--mud-palette-info) !important; + background-color: var(--mud-palette-info) !important } .mud-info-text { - color: var(--mud-palette-info) !important; + color: var(--mud-palette-info) !important } .mud-info-hover { - background-color: var(--mud-palette-info-hover) !important; + background-color: var(--mud-palette-info-hover) !important } .hover\:mud-info-hover:hover, .hover\:mud-info-hover:focus-visible { - background-color: var(--mud-palette-info-hover) !important; + background-color: var(--mud-palette-info-hover) !important } .mud-border-info { - border-color: var(--mud-palette-info) !important; + border-color: var(--mud-palette-info) !important } .mud-theme-info { color: var(--mud-palette-info-text) !important; - background-color: var(--mud-palette-info) !important; + background-color: var(--mud-palette-info) !important } .mud-success { - background-color: var(--mud-palette-success) !important; + background-color: var(--mud-palette-success) !important } .mud-success-text { - color: var(--mud-palette-success) !important; + color: var(--mud-palette-success) !important } .mud-success-hover { - background-color: var(--mud-palette-success-hover) !important; + background-color: var(--mud-palette-success-hover) !important } .hover\:mud-success-hover:hover, .hover\:mud-success-hover:focus-visible { - background-color: var(--mud-palette-success-hover) !important; + background-color: var(--mud-palette-success-hover) !important } .mud-border-success { - border-color: var(--mud-palette-success) !important; + border-color: var(--mud-palette-success) !important } .mud-theme-success { color: var(--mud-palette-success-text) !important; - background-color: var(--mud-palette-success) !important; + background-color: var(--mud-palette-success) !important } .mud-warning { - background-color: var(--mud-palette-warning) !important; + background-color: var(--mud-palette-warning) !important } .mud-warning-text { - color: var(--mud-palette-warning) !important; + color: var(--mud-palette-warning) !important } .mud-warning-hover { - background-color: var(--mud-palette-warning-hover) !important; + background-color: var(--mud-palette-warning-hover) !important } .hover\:mud-warning-hover:hover, .hover\:mud-warning-hover:focus-visible { - background-color: var(--mud-palette-warning-hover) !important; + background-color: var(--mud-palette-warning-hover) !important } .mud-border-warning { - border-color: var(--mud-palette-warning) !important; + border-color: var(--mud-palette-warning) !important } .mud-theme-warning { color: var(--mud-palette-warning-text) !important; - background-color: var(--mud-palette-warning) !important; + background-color: var(--mud-palette-warning) !important } .mud-error { - background-color: var(--mud-palette-error) !important; + background-color: var(--mud-palette-error) !important } .mud-error-text { - color: var(--mud-palette-error) !important; + color: var(--mud-palette-error) !important } .mud-error-hover { - background-color: var(--mud-palette-error-hover) !important; + background-color: var(--mud-palette-error-hover) !important } .hover\:mud-error-hover:hover, .hover\:mud-error-hover:focus-visible { - background-color: var(--mud-palette-error-hover) !important; + background-color: var(--mud-palette-error-hover) !important } .mud-border-error { - border-color: var(--mud-palette-error) !important; + border-color: var(--mud-palette-error) !important } .mud-theme-error { color: var(--mud-palette-error-text) !important; - background-color: var(--mud-palette-error) !important; + background-color: var(--mud-palette-error) !important } .mud-dark { - background-color: var(--mud-palette-dark) !important; + background-color: var(--mud-palette-dark) !important } .mud-dark-text { - color: var(--mud-palette-dark) !important; + color: var(--mud-palette-dark) !important } .mud-dark-hover { - background-color: var(--mud-palette-dark-hover) !important; + background-color: var(--mud-palette-dark-hover) !important } .hover\:mud-dark-hover:hover, .hover\:mud-dark-hover:focus-visible { - background-color: var(--mud-palette-dark-hover) !important; + background-color: var(--mud-palette-dark-hover) !important } .mud-border-dark { - border-color: var(--mud-palette-dark) !important; + border-color: var(--mud-palette-dark) !important } .mud-theme-dark { color: var(--mud-palette-dark-text) !important; - background-color: var(--mud-palette-dark) !important; + background-color: var(--mud-palette-dark) !important } .mud-inherit-text { - color: inherit !important; + color: inherit !important } .mud-border-lines-default { - border-color: var(--mud-palette-lines-default); + border-color: var(--mud-palette-lines-default) } .mud-background { - background-color: var(--mud-palette-background) !important; + background-color: var(--mud-palette-background) !important } .mud-background-gray { - background-color: var(--mud-palette-background-grey) !important; + background-color: var(--mud-palette-background-grey) !important } .mud-theme-transparent { color: inherit !important; - background-color: transparent !important; + background-color: rgba(0,0,0,0) !important } .mud-transparent { - background-color: transparent !important; + background-color: rgba(0,0,0,0) !important } .mud-transparent-text { - color: transparent !important; + color: rgba(0,0,0,0) !important } .mud-text-primary { - color: var(--mud-palette-text-primary); + color: var(--mud-palette-text-primary) } .mud-text-secondary { - color: var(--mud-palette-text-secondary); + color: var(--mud-palette-text-secondary) } .mud-text-disabled { - color: var(--mud-palette-text-disabled); + color: var(--mud-palette-text-disabled) } .white { - background-color: #fff !important; + background-color: #fff !important } .white-text { - color: #fff !important; + color: #fff !important } .black { - background-color: #000 !important; + background-color: #000 !important } .black-text { - color: #000 !important; + color: #000 !important } * { @@ -268,11 +267,11 @@ border-width: 0; border-style: solid; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + -moz-osx-font-smoothing: grayscale } strong, b { - font-weight: 700; + font-weight: 700 } body { @@ -283,17 +282,17 @@ body { line-height: var(--mud-typography-default-lineheight); letter-spacing: var(--mud-typography-default-letterspacing); text-transform: var(--mud-typography-default-text-transform); - background-color: var(--mud-palette-background); + background-color: var(--mud-palette-background) } a { - color: var(--mud-palette-text-primary); + color: var(--mud-palette-text-primary) } .mud-layout { height: 100%; width: 100%; - position: relative; + position: relative } #blazor-error-ui { @@ -306,12 +305,12 @@ a { padding: .6rem 1.75rem .7rem 1.25rem; position: fixed; width: 100%; - z-index: 9999; + z-index: 9999 } #blazor-error-ui .reload { color: inherit; - text-decoration: underline; + text-decoration: underline } #blazor-error-ui .dismiss { @@ -319,16 +318,16 @@ a { cursor: pointer; position: absolute; right: .75rem; - top: .5rem; + top: .5rem } #components-reconnect-modal { z-index: 9999 !important; - background-color: var(--mud-palette-background) !important; + background-color: var(--mud-palette-background) !important } #components-reconnect-modal h5 { - font-size: 18px; + font-size: 18px } #components-reconnect-modal button { @@ -337,270 +336,270 @@ a { font-size: .875rem; min-width: 64px; box-sizing: border-box; - 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) 0ms; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-weight: 500; line-height: 1; border-radius: var(--mud-default-borderradius); letter-spacing: .02857em; text-transform: uppercase; - margin: 40px auto !important; + margin: 40px auto !important } #components-reconnect-modal button:hover { - background-color: var(--mud-palette-action-default-hover); + background-color: var(--mud-palette-action-default-hover) } @keyframes mud-animation-fadein { 0% { - opacity: 0; + opacity: 0 } 100% { - opacity: 1; + opacity: 1 } } @-moz-keyframes mud-animation-fadein { 0% { - opacity: 0; + opacity: 0 } 100% { - opacity: 1; + opacity: 1 } } @-webkit-keyframes mud-animation-fadein { 0% { - opacity: 0; + opacity: 0 } 100% { - opacity: 1; + opacity: 1 } } @-o-keyframes mud-animation-fadein { 0% { - opacity: 0; + opacity: 0 } 100% { - opacity: 1; + opacity: 1 } } @-ms-keyframes mud-animation-fadein { 0% { - opacity: 0; + opacity: 0 } 100% { - opacity: 1; + opacity: 1 } } @-webkit-keyframes mud-scale-up-center { 0% { - -webkit-transform: scale(.5); - transform: scale(.5); + -webkit-transform: scale(0.5); + transform: scale(0.5) } 100% { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1) } } @keyframes mud-scale-up-center { 0% { - -webkit-transform: scale(.5); - transform: scale(.5); + -webkit-transform: scale(0.5); + transform: scale(0.5) } 100% { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1) } } @-webkit-keyframes mud-skeleton-keyframes-pulse { 0% { - opacity: 1; + opacity: 1 } 50% { - opacity: .4; + opacity: .4 } 100% { - opacity: 1; + opacity: 1 } } @-webkit-keyframes mud-skeleton-keyframes-wave { 0% { - transform: translateX(-100%); + transform: translateX(-100%) } 60% { - transform: translateX(100%); + transform: translateX(100%) } 100% { - transform: translateX(100%); + transform: translateX(100%) } } @-webkit-keyframes mud-progress-circular-keyframes-circular-rotate { 0% { - transform-origin: 50% 50%; + transform-origin: 50% 50% } 100% { - transform: rotate(360deg); + transform: rotate(360deg) } } @-webkit-keyframes mud-progress-circular-keyframes-circular-dash { 0% { stroke-dasharray: 1px,200px; - stroke-dashoffset: 0; + stroke-dashoffset: 0px } 50% { stroke-dasharray: 100px,200px; - stroke-dashoffset: -15px; + stroke-dashoffset: -15px } 100% { stroke-dasharray: 100px,200px; - stroke-dashoffset: -125px; + stroke-dashoffset: -125px } } @-webkit-keyframes mud-progress-linear-horizontal-keyframes-indeterminate1 { 0% { left: -35%; - right: 100%; + right: 100% } 60% { left: 100%; - right: -90%; + right: -90% } 100% { left: 100%; - right: -90%; + right: -90% } } @-webkit-keyframes mud-progress-linear-horizontal-keyframes-indeterminate2 { 0% { left: -200%; - right: 100%; + right: 100% } 60% { left: 107%; - right: -8%; + right: -8% } 100% { left: 107%; - right: -8%; + right: -8% } } @-webkit-keyframes mud-progress-linear-horizontal-keyframes-buffer { 0% { opacity: 1; - background-position: 0 -23px; + background-position: 0 -23px } 50% { opacity: 0; - background-position: 0 -23px; + background-position: 0 -23px } 100% { opacity: 1; - background-position: -200px -23px; + background-position: -200px -23px } } @-webkit-keyframes mud-progress-linear-vertical-keyframes-indeterminate1 { 0% { bottom: -35%; - top: 100%; + top: 100% } 60% { bottom: 100%; - top: -90%; + top: -90% } 100% { bottom: 100%; - top: -90%; + top: -90% } } @-webkit-keyframes mud-progress-linear-vertical-keyframes-indeterminate2 { 0% { bottom: -200%; - top: 100%; + top: 100% } 60% { bottom: 107%; - top: -8%; + top: -8% } 100% { bottom: 107%; - top: -8%; + top: -8% } } @-webkit-keyframes mud-progress-linear-vertical-keyframes-buffer { 0% { opacity: 1; - background-position: -23px 0; + background-position: -23px 0 } 50% { opacity: 0; - background-position: -23px 0; + background-position: -23px 0 } 100% { opacity: 1; - background-position: -23px -200px; + background-position: -23px -200px } } @keyframes mud-progress-linear-striped-loading { 0% { - background-position: 0 0; + background-position: 0 0 } 100% { - background-position: 300px 0; + background-position: 300px 0 } } a { - text-decoration: none; + text-decoration: none } a:focus-visible { - outline: none; + outline: none } label { - display: inline-block; + display: inline-block } button { @@ -619,412 +618,412 @@ button { -moz-appearance: none; justify-content: center; text-decoration: none; - background-color: transparent; + background-color: rgba(0,0,0,0); -webkit-appearance: none; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0,0,0,0) } button:focus { - outline: none; + outline: none } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; + line-height: inherit } button, input { - overflow: visible; + overflow: visible } button, select { - text-transform: none; + text-transform: none } select { - word-wrap: normal; + word-wrap: normal } -button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; +button, [type=button], [type=reset], [type=submit] { + -webkit-appearance: button } iframe { border: none; height: 100%; - width: 100%; + width: 100% } ul { margin: 0; padding: 0; - list-style: none; + list-style: none } .mud-elevation-0 { - box-shadow: var(--mud-elevation-0); + box-shadow: var(--mud-elevation-0) } .mud-elevation-1 { - box-shadow: var(--mud-elevation-1); + box-shadow: var(--mud-elevation-1) } .mud-elevation-2 { - box-shadow: var(--mud-elevation-2); + box-shadow: var(--mud-elevation-2) } .mud-elevation-3 { - box-shadow: var(--mud-elevation-3); + box-shadow: var(--mud-elevation-3) } .mud-elevation-4 { - box-shadow: var(--mud-elevation-4); + box-shadow: var(--mud-elevation-4) } .mud-elevation-5 { - box-shadow: var(--mud-elevation-5); + box-shadow: var(--mud-elevation-5) } .mud-elevation-6 { - box-shadow: var(--mud-elevation-6); + box-shadow: var(--mud-elevation-6) } .mud-elevation-7 { - box-shadow: var(--mud-elevation-7); + box-shadow: var(--mud-elevation-7) } .mud-elevation-8 { - box-shadow: var(--mud-elevation-8); + box-shadow: var(--mud-elevation-8) } .mud-elevation-9 { - box-shadow: var(--mud-elevation-9); + box-shadow: var(--mud-elevation-9) } .mud-elevation-10 { - box-shadow: var(--mud-elevation-10); + box-shadow: var(--mud-elevation-10) } .mud-elevation-11 { - box-shadow: var(--mud-elevation-11); + box-shadow: var(--mud-elevation-11) } .mud-elevation-12 { - box-shadow: var(--mud-elevation-12); + box-shadow: var(--mud-elevation-12) } .mud-elevation-13 { - box-shadow: var(--mud-elevation-13); + box-shadow: var(--mud-elevation-13) } .mud-elevation-14 { - box-shadow: var(--mud-elevation-14); + box-shadow: var(--mud-elevation-14) } .mud-elevation-15 { - box-shadow: var(--mud-elevation-15); + box-shadow: var(--mud-elevation-15) } .mud-elevation-16 { - box-shadow: var(--mud-elevation-16); + box-shadow: var(--mud-elevation-16) } .mud-elevation-17 { - box-shadow: var(--mud-elevation-17); + box-shadow: var(--mud-elevation-17) } .mud-elevation-18 { - box-shadow: var(--mud-elevation-18); + box-shadow: var(--mud-elevation-18) } .mud-elevation-19 { - box-shadow: var(--mud-elevation-19); + box-shadow: var(--mud-elevation-19) } .mud-elevation-20 { - box-shadow: var(--mud-elevation-20); + box-shadow: var(--mud-elevation-20) } .mud-elevation-21 { - box-shadow: var(--mud-elevation-21); + box-shadow: var(--mud-elevation-21) } .mud-elevation-22 { - box-shadow: var(--mud-elevation-22); + box-shadow: var(--mud-elevation-22) } .mud-elevation-23 { - box-shadow: var(--mud-elevation-23); + box-shadow: var(--mud-elevation-23) } .mud-elevation-24 { - box-shadow: var(--mud-elevation-24); + box-shadow: var(--mud-elevation-24) } .mud-elevation-25 { - box-shadow: var(--mud-elevation-25); + box-shadow: var(--mud-elevation-25) } .mud-alert { display: flex; padding: 6px 16px; border-radius: var(--mud-default-borderradius); - background-color: transparent; - transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms; + background-color: rgba(0,0,0,0); + transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .mud-alert.mud-square { - border-radius: 0; + border-radius: 0px } .mud-alert.mud-dense { - padding: 0 12px; + padding: 0px 12px } .mud-alert-text-normal { color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-dark-hover); + background-color: var(--mud-palette-dark-hover) } .mud-alert-text-primary { color: var(--mud-palette-primary-darken); - background-color: var(--mud-palette-primary-hover); + background-color: var(--mud-palette-primary-hover) } .mud-alert-text-primary .mud-alert-icon { - color: var(--mud-palette-primary); + color: var(--mud-palette-primary) } .mud-alert-text-secondary { color: var(--mud-palette-secondary-darken); - background-color: var(--mud-palette-secondary-hover); + background-color: var(--mud-palette-secondary-hover) } .mud-alert-text-secondary .mud-alert-icon { - color: var(--mud-palette-secondary); + color: var(--mud-palette-secondary) } .mud-alert-text-tertiary { color: var(--mud-palette-tertiary-darken); - background-color: var(--mud-palette-tertiary-hover); + background-color: var(--mud-palette-tertiary-hover) } .mud-alert-text-tertiary .mud-alert-icon { - color: var(--mud-palette-tertiary); + color: var(--mud-palette-tertiary) } .mud-alert-text-info { color: var(--mud-palette-info-darken); - background-color: var(--mud-palette-info-hover); + background-color: var(--mud-palette-info-hover) } .mud-alert-text-info .mud-alert-icon { - color: var(--mud-palette-info); + color: var(--mud-palette-info) } .mud-alert-text-success { color: var(--mud-palette-success-darken); - background-color: var(--mud-palette-success-hover); + background-color: var(--mud-palette-success-hover) } .mud-alert-text-success .mud-alert-icon { - color: var(--mud-palette-success); + color: var(--mud-palette-success) } .mud-alert-text-warning { color: var(--mud-palette-warning-darken); - background-color: var(--mud-palette-warning-hover); + background-color: var(--mud-palette-warning-hover) } .mud-alert-text-warning .mud-alert-icon { - color: var(--mud-palette-warning); + color: var(--mud-palette-warning) } .mud-alert-text-error { color: var(--mud-palette-error-darken); - background-color: var(--mud-palette-error-hover); + background-color: var(--mud-palette-error-hover) } .mud-alert-text-error .mud-alert-icon { - color: var(--mud-palette-error); + color: var(--mud-palette-error) } .mud-alert-text-dark { color: var(--mud-palette-dark-darken); - background-color: var(--mud-palette-dark-hover); + background-color: var(--mud-palette-dark-hover) } .mud-alert-text-dark .mud-alert-icon { - color: var(--mud-palette-dark); + color: var(--mud-palette-dark) } .mud-alert-outlined-normal { color: var(--mud-palette-text-primary); - border: 1px solid var(--mud-palette-text-primary); + border: 1px solid var(--mud-palette-text-primary) } .mud-alert-outlined-primary { color: var(--mud-palette-primary-darken); - border: 1px solid var(--mud-palette-primary); + border: 1px solid var(--mud-palette-primary) } .mud-alert-outlined-primary .mud-alert-icon { - color: var(--mud-palette-primary); + color: var(--mud-palette-primary) } .mud-alert-outlined-secondary { color: var(--mud-palette-secondary-darken); - border: 1px solid var(--mud-palette-secondary); + border: 1px solid var(--mud-palette-secondary) } .mud-alert-outlined-secondary .mud-alert-icon { - color: var(--mud-palette-secondary); + color: var(--mud-palette-secondary) } .mud-alert-outlined-tertiary { color: var(--mud-palette-tertiary-darken); - border: 1px solid var(--mud-palette-tertiary); + border: 1px solid var(--mud-palette-tertiary) } .mud-alert-outlined-tertiary .mud-alert-icon { - color: var(--mud-palette-tertiary); + color: var(--mud-palette-tertiary) } .mud-alert-outlined-info { color: var(--mud-palette-info-darken); - border: 1px solid var(--mud-palette-info); + border: 1px solid var(--mud-palette-info) } .mud-alert-outlined-info .mud-alert-icon { - color: var(--mud-palette-info); + color: var(--mud-palette-info) } .mud-alert-outlined-success { color: var(--mud-palette-success-darken); - border: 1px solid var(--mud-palette-success); + border: 1px solid var(--mud-palette-success) } .mud-alert-outlined-success .mud-alert-icon { - color: var(--mud-palette-success); + color: var(--mud-palette-success) } .mud-alert-outlined-warning { color: var(--mud-palette-warning-darken); - border: 1px solid var(--mud-palette-warning); + border: 1px solid var(--mud-palette-warning) } .mud-alert-outlined-warning .mud-alert-icon { - color: var(--mud-palette-warning); + color: var(--mud-palette-warning) } .mud-alert-outlined-error { color: var(--mud-palette-error-darken); - border: 1px solid var(--mud-palette-error); + border: 1px solid var(--mud-palette-error) } .mud-alert-outlined-error .mud-alert-icon { - color: var(--mud-palette-error); + color: var(--mud-palette-error) } .mud-alert-outlined-dark { color: var(--mud-palette-dark-darken); - border: 1px solid var(--mud-palette-dark); + border: 1px solid var(--mud-palette-dark) } .mud-alert-outlined-dark .mud-alert-icon { - color: var(--mud-palette-dark); + color: var(--mud-palette-dark) } .mud-alert-filled-normal { color: var(--mud-palette-dark-text); font-weight: 500; - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-alert-filled-normal .mud-alert-close .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-primary { color: var(--mud-palette-primary-text); font-weight: 500; - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-alert-filled-primary .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-secondary { color: var(--mud-palette-secondary-text); font-weight: 500; - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } .mud-alert-filled-secondary .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-tertiary { color: var(--mud-palette-tertiary-text); font-weight: 500; - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } .mud-alert-filled-tertiary .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-info { color: var(--mud-palette-info-text); font-weight: 500; - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } .mud-alert-filled-info .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-success { color: var(--mud-palette-success-text); font-weight: 500; - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } .mud-alert-filled-success .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-warning { color: var(--mud-palette-warning-text); font-weight: 500; - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } .mud-alert-filled-warning .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-error { color: var(--mud-palette-error-text); font-weight: 500; - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } .mud-alert-filled-error .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-filled-dark { color: var(--mud-palette-dark-text); font-weight: 500; - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-alert-filled-dark .mud-button-root { - color: currentColor; + color: currentColor } .mud-alert-icon { @@ -1034,40 +1033,252 @@ ul { font-size: 22px; margin-right: 12px; margin-inline-end: 12px; - margin-inline-start: unset; + margin-inline-start: unset } .mud-alert-icon.mud-alert-icon-left { margin-right: 12px; margin-inline-end: 12px; - margin-inline-start: unset; + margin-inline-start: unset } .mud-alert-icon.mud-alert-icon-right { margin-left: 12px; margin-inline-start: 12px; - margin-inline-end: unset; + margin-inline-end: unset } .mud-alert-message { - padding: 9px 0; + padding: 9px 0 } .mud-alert-position { flex: 1; - display: flex; + display: flex } .mud-alert-close { display: flex; flex: 0; align-items: center; - margin-left: 8px; + margin-left: 8px +} + +.mud-avatar { + display: inline-flex; + overflow: hidden; + position: relative; + align-items: center; + flex-shrink: 0; + line-height: 1; + user-select: none; + border-radius: 50%; + justify-content: center; + color: var(--mud-palette-white); + background-color: var(--mud-palette-grey-light) +} + + .mud-avatar.mud-avatar-small { + width: 24px; + height: 24px; + font-size: .75rem + } + + .mud-avatar.mud-avatar-medium { + width: 40px; + height: 40px; + font-size: 1.25rem + } + + .mud-avatar.mud-avatar-large { + width: 56px; + height: 56px; + font-size: 1.5rem + } + +.mud-avatar-rounded { + border-radius: var(--mud-default-borderradius) +} + +.mud-avatar-square { + border-radius: 0 +} + +.mud-avatar > .mud-image { + color: rgba(0,0,0,0); + width: 100%; + height: 100%; + object-fit: cover; + text-align: center; + text-indent: 10000px +} + +.mud-avatar-fallback { + width: 75%; + height: 75% +} + +.mud-avatar-outlined { + color: var(--mud-palette-text-primary); + background-color: unset; + border: 1px solid var(--mud-palette-text-primary) +} + + .mud-avatar-outlined.mud-avatar-outlined-primary { + color: var(--mud-palette-primary); + border: 1px solid var(--mud-palette-primary) + } + + .mud-avatar-outlined.mud-avatar-outlined-secondary { + color: var(--mud-palette-secondary); + border: 1px solid var(--mud-palette-secondary) + } + + .mud-avatar-outlined.mud-avatar-outlined-tertiary { + color: var(--mud-palette-tertiary); + border: 1px solid var(--mud-palette-tertiary) + } + + .mud-avatar-outlined.mud-avatar-outlined-info { + color: var(--mud-palette-info); + border: 1px solid var(--mud-palette-info) + } + + .mud-avatar-outlined.mud-avatar-outlined-success { + color: var(--mud-palette-success); + border: 1px solid var(--mud-palette-success) + } + + .mud-avatar-outlined.mud-avatar-outlined-warning { + color: var(--mud-palette-warning); + border: 1px solid var(--mud-palette-warning) + } + + .mud-avatar-outlined.mud-avatar-outlined-error { + color: var(--mud-palette-error); + border: 1px solid var(--mud-palette-error) + } + + .mud-avatar-outlined.mud-avatar-outlined-dark { + color: var(--mud-palette-dark); + border: 1px solid var(--mud-palette-dark) + } + +.mud-avatar-filled { + color: var(--mud-palette-text-primary); + background-color: var(--mud-palette-lines-inputs) +} + + .mud-avatar-filled.mud-avatar-filled-primary { + color: var(--mud-palette-primary-text); + background-color: var(--mud-palette-primary) + } + + .mud-avatar-filled.mud-avatar-filled-secondary { + color: var(--mud-palette-secondary-text); + background-color: var(--mud-palette-secondary) + } + + .mud-avatar-filled.mud-avatar-filled-tertiary { + color: var(--mud-palette-tertiary-text); + background-color: var(--mud-palette-tertiary) + } + + .mud-avatar-filled.mud-avatar-filled-info { + color: var(--mud-palette-info-text); + background-color: var(--mud-palette-info) + } + + .mud-avatar-filled.mud-avatar-filled-success { + color: var(--mud-palette-success-text); + background-color: var(--mud-palette-success) + } + + .mud-avatar-filled.mud-avatar-filled-warning { + color: var(--mud-palette-warning-text); + background-color: var(--mud-palette-warning) + } + + .mud-avatar-filled.mud-avatar-filled-error { + color: var(--mud-palette-error-text); + background-color: var(--mud-palette-error) + } + + .mud-avatar-filled.mud-avatar-filled-dark { + color: var(--mud-palette-dark-text); + background-color: var(--mud-palette-dark) + } + +.mud-avatar-group { + display: flex } + .mud-avatar-group .mud-avatar:first-child { + margin-inline-start: 0px !important + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-transparent .mud-avatar:not(.mud-avatar-outlined) { + border-color: rgba(0,0,0,0) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-surface .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-surface) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-primary .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-primary) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-secondary .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-secondary) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-tertiary .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-tertiary) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-info .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-info) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-success .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-success) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-warning .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-warning) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-error .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-error) + } + + .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-dark .mud-avatar:not(.mud-avatar-outlined) { + border-color: var(--mud-palette-dark) + } + + .mud-avatar-group.mud-avatar-group-outlined .mud-avatar { + border: 2px solid + } + + .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-small { + width: 28px; + height: 28px + } + + .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-medium { + width: 44px; + height: 44px + } + + .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-large { + width: 60px; + height: 60px + } + .mud-badge-root { position: relative; - display: inline-block; + display: inline-block } .mud-badge-root .mud-badge-wrapper { @@ -1078,55 +1289,55 @@ ul { height: 100%; display: flex; pointer-events: none; - position: absolute; + position: absolute } .mud-badge-root .mud-badge-wrapper.mud-badge-top { - align-items: flex-start; + align-items: flex-start } .mud-badge-root .mud-badge-wrapper.mud-badge-top.left { - justify-content: flex-start; + justify-content: flex-start } .mud-badge-root .mud-badge-wrapper.mud-badge-top.center { - justify-content: center; + justify-content: center } .mud-badge-root .mud-badge-wrapper.mud-badge-top.right { - justify-content: flex-end; + justify-content: flex-end } .mud-badge-root .mud-badge-wrapper.mud-badge-center { - align-items: center; + align-items: center } .mud-badge-root .mud-badge-wrapper.mud-badge-center.left { - justify-content: flex-start; + justify-content: flex-start } .mud-badge-root .mud-badge-wrapper.mud-badge-center.center { - justify-content: center; + justify-content: center } .mud-badge-root .mud-badge-wrapper.mud-badge-center.right { - justify-content: flex-end; + justify-content: flex-end } .mud-badge-root .mud-badge-wrapper.mud-badge-bottom { - align-items: flex-end; + align-items: flex-end } .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.left { - justify-content: flex-start; + justify-content: flex-start } .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.center { - justify-content: center; + justify-content: center } .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.right { - justify-content: flex-end; + justify-content: flex-end } .mud-badge { @@ -1142,36 +1353,36 @@ ul { text-align: center; text-indent: 0; top: auto; - transition: .3s cubic-bezier(.25,.8,.5,1); - white-space: nowrap; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1); + white-space: nowrap } .mud-badge.mud-badge-default { color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-grey-light); + background-color: var(--mud-palette-grey-light) } .mud-badge.mud-badge-bordered { border-color: var(--mud-palette-surface); border-style: solid; border-width: 2px; - padding: 3px 4px; + padding: 3px 4px } .mud-badge.mud-badge-bordered.mud-badge-icon { - padding: 4px 6px; + padding: 4px 6px } .mud-badge.mud-badge-bordered.mud-badge-icon .mud-icon-badge { margin-left: -4px; margin-inline-start: -4px; margin-inline-end: unset; - margin-top: -4px; + margin-top: -4px } .mud-badge.mud-badge-icon { width: 20px; - height: 20px; + height: 20px } .mud-badge.mud-badge-icon .mud-icon-badge { @@ -1179,7 +1390,7 @@ ul { font-size: 12px; margin-left: -2px; margin-inline-start: -2px; - margin-inline-end: unset; + margin-inline-end: unset } .mud-badge.mud-badge-dot { @@ -1187,6316 +1398,7157 @@ ul { height: 9px; min-width: 0; padding: 0; - width: 9px; + width: 9px } .mud-badge.mud-badge-top.left { - inset: auto calc(100% - 4px) calc(100% - 4px) auto; + inset: auto calc(100% - 4px) calc(100% - 4px) auto } .mud-badge.mud-badge-top.left.mud-badge-overlap { - inset: auto calc(100% - 12px) calc(100% - 12px) auto; + inset: auto calc(100% - 12px) calc(100% - 12px) auto } .mud-badge.mud-badge-top.center { - bottom: calc(100% - 4px); + bottom: calc(100% - 4px) } .mud-badge.mud-badge-top.center.mud-badge-overlap { - bottom: calc(100% - 12px); + bottom: calc(100% - 12px) } .mud-badge.mud-badge-top.right { - inset: auto auto calc(100% - 4px) calc(100% - 4px); + inset: auto auto calc(100% - 4px) calc(100% - 4px) } .mud-badge.mud-badge-top.right.mud-badge-overlap { - inset: auto auto calc(100% - 12px) calc(100% - 12px); + inset: auto auto calc(100% - 12px) calc(100% - 12px) } .mud-badge.mud-badge-center.left { - right: calc(100% - 4px); + right: calc(100% - 4px) } .mud-badge.mud-badge-center.left.mud-badge-overlap { - right: calc(100% - 12px); + right: calc(100% - 12px) } .mud-badge.mud-badge-center.right { - left: calc(100% - 4px); + left: calc(100% - 4px) } .mud-badge.mud-badge-center.right.mud-badge-overlap { - left: calc(100% - 12px); + left: calc(100% - 12px) } .mud-badge.mud-badge-bottom.left { - inset: calc(100% - 4px) calc(100% - 4px) auto auto; + inset: calc(100% - 4px) calc(100% - 4px) auto auto } .mud-badge.mud-badge-bottom.left.mud-badge-overlap { - inset: calc(100% - 12px) calc(100% - 12px) auto auto; + inset: calc(100% - 12px) calc(100% - 12px) auto auto } .mud-badge.mud-badge-bottom.center { - top: calc(100% - 4px); + top: calc(100% - 4px) } .mud-badge.mud-badge-bottom.center.mud-badge-overlap { - top: calc(100% - 12px); + top: calc(100% - 12px) } .mud-badge.mud-badge-bottom.right { - inset: calc(100% - 4px) auto auto calc(100% - 4px); + inset: calc(100% - 4px) auto auto calc(100% - 4px) } .mud-badge.mud-badge-bottom.right.mud-badge-overlap { - inset: calc(100% - 12px) auto auto calc(100% - 12px); + inset: calc(100% - 12px) auto auto calc(100% - 12px) } -.mud-toolbar { +.mud-breadcrumbs { display: flex; - position: relative; + flex-wrap: wrap; + flex: 0 1 auto; align-items: center; - height: 56px; + list-style-type: none; + margin: 0; + padding: 16px 12px } -.mud-toolbar-gutters { - padding-left: 16px; - padding-right: 16px; +.mud-breadcrumb-separator { + padding: 0 12px } -@media(min-width:0) and (orientation:landscape) { - .mud-toolbar { - height: 48px; + .mud-breadcrumb-separator > span { + color: var(--mud-palette-text-primary); + opacity: .38 } + +.mud-breadcrumb-item > a { + display: flex; + align-items: center } -@media(min-width:600px) { - .mud-toolbar { - height: 64px; + .mud-breadcrumb-item > a > svg.mud-icon-root { + margin-right: 4px; + margin-inline-end: 4px; + margin-inline-start: unset } - .mud-toolbar-gutters { - padding-left: 24px; - padding-right: 24px; - } +.mud-breadcrumb-item.mud-disabled > a { + pointer-events: none; + color: var(--mud-palette-action-disabled) } -.mud-toolbar-dense { - height: 48px; +.mud-breadcrumbs-expander { + cursor: pointer; + display: flex; + background-color: #eee } -.mud-tooltip-root { - width: fit-content; -} + .mud-breadcrumbs-expander:hover { + background-color: #e0e0e0 + } - .mud-tooltip-root.mud-tooltip-inline { - display: inline-block; + .mud-breadcrumbs-expander > svg { + width: 26px } -.mud-tooltip { - padding: 4px 8px; - text-align: center; +.mud-button-root { + color: inherit; + border: 0; + cursor: pointer; + margin: 0; + display: inline-flex; + outline: 0; + padding: 0; + position: relative; align-items: center; + user-select: none; + border-radius: 0; + vertical-align: middle; + -moz-appearance: none; justify-content: center; - font-weight: 500; - font-size: 12px; - line-height: 1.4em; + text-decoration: none; + background-color: rgba(0,0,0,0); + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(0,0,0,0) +} + + .mud-button-root::-moz-focus-inner { + border-style: none + } + + .mud-button-root:disabled { + color: var(--mud-palette-action-disabled) !important; + cursor: default; + pointer-events: none + } + +.mud-button { + padding: 6px 16px; + font-family: var(--mud-typography-button-family); + font-size: var(--mud-typography-button-size); + font-weight: var(--mud-typography-button-weight); + line-height: var(--mud-typography-button-lineheight); + letter-spacing: var(--mud-typography-button-letterspacing); + text-transform: var(--mud-typography-button-text-transform); + min-width: 64px; + box-sizing: border-box; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: var(--mud-default-borderradius); - z-index: var(--mud-zindex-tooltip); + color: var(--mud-palette-text-primary) } - .mud-tooltip.mud-tooltip-default { - color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-grey-darker); + .mud-button:hover, .mud-button:focus-visible { + background-color: var(--mud-palette-action-default-hover) } - .mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after { - border-color: var(--mud-palette-grey-darker) transparent transparent transparent; - } +.mud-button-label { + width: 100%; + display: inherit; + align-items: inherit; + justify-content: inherit +} - .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip] { - transform: translateX(-10px); +.mud-button-text { + padding: 6px 8px +} + + .mud-button-text.mud-button-text-inherit { + color: inherit } - .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip].mud-tooltip-arrow::after { - left: 100%; - transform: rotate(270deg); + .mud-button-text.mud-button-text-primary { + color: var(--mud-palette-primary) + } + + .mud-button-text.mud-button-text-primary:hover, .mud-button-text.mud-button-text-primary:focus-visible { + background-color: var(--mud-palette-primary-hover) } - .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip] { - transform: translateX(10px); + .mud-button-text.mud-button-text-secondary { + color: var(--mud-palette-secondary) } - .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip].mud-tooltip-arrow::after { - right: 100%; - transform: rotate(90deg); + .mud-button-text.mud-button-text-secondary:hover, .mud-button-text.mud-button-text-secondary:focus-visible { + background-color: var(--mud-palette-secondary-hover) } - .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip] { - transform: translateY(-10px); + .mud-button-text.mud-button-text-tertiary { + color: var(--mud-palette-tertiary) } - .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip].mud-tooltip-arrow::after { - top: 100%; - transform: rotate(0deg); + .mud-button-text.mud-button-text-tertiary:hover, .mud-button-text.mud-button-text-tertiary:focus-visible { + background-color: var(--mud-palette-tertiary-hover) } - .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip] { - transform: translateY(10px); + .mud-button-text.mud-button-text-info { + color: var(--mud-palette-info) } - .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip].mud-tooltip-arrow::after { - bottom: 100%; - transform: rotate(180deg); + .mud-button-text.mud-button-text-info:hover, .mud-button-text.mud-button-text-info:focus-visible { + background-color: var(--mud-palette-info-hover) } - .mud-tooltip.mud-tooltip-arrow::after { - content: ""; - position: absolute; - border-width: 6px; - border-style: solid; - border-color: transparent; - border-top-color: inherit; + .mud-button-text.mud-button-text-success { + color: var(--mud-palette-success) } -.mud-avatar { - display: flex; - overflow: hidden; - position: relative; - display: inline-flex; - align-items: center; - flex-shrink: 0; - line-height: 1; - user-select: none; - border-radius: 50%; - justify-content: center; - color: var(--mud-palette-white); - background-color: var(--mud-palette-grey-light); -} + .mud-button-text.mud-button-text-success:hover, .mud-button-text.mud-button-text-success:focus-visible { + background-color: var(--mud-palette-success-hover) + } - .mud-avatar.mud-avatar-small { - width: 24px; - height: 24px; - font-size: .875rem; + .mud-button-text.mud-button-text-warning { + color: var(--mud-palette-warning) } - .mud-avatar.mud-avatar-medium { - width: 40px; - height: 40px; - font-size: 1.25rem; - } + .mud-button-text.mud-button-text-warning:hover, .mud-button-text.mud-button-text-warning:focus-visible { + background-color: var(--mud-palette-warning-hover) + } - .mud-avatar.mud-avatar-large { - width: 56px; - height: 56px; - font-size: 1.75rem; + .mud-button-text.mud-button-text-error { + color: var(--mud-palette-error) } -.mud-avatar-rounded { - border-radius: var(--mud-default-borderradius); -} - -.mud-avatar-square { - border-radius: 0; -} + .mud-button-text.mud-button-text-error:hover, .mud-button-text.mud-button-text-error:focus-visible { + background-color: var(--mud-palette-error-hover) + } -.mud-avatar > .mud-image { - color: transparent; - width: 100%; - height: 100%; - object-fit: cover; - text-align: center; - text-indent: 10000px; -} + .mud-button-text.mud-button-text-dark { + color: var(--mud-palette-dark) + } -.mud-avatar-fallback { - width: 75%; - height: 75%; -} + .mud-button-text.mud-button-text-dark:hover, .mud-button-text.mud-button-text-dark:focus-visible { + background-color: var(--mud-palette-dark-hover) + } -.mud-avatar-outlined { +.mud-button-outlined { color: var(--mud-palette-text-primary); - background-color: unset; border: 1px solid var(--mud-palette-text-primary); + padding: 5px 15px } - .mud-avatar-outlined.mud-avatar-outlined-primary { + .mud-button-outlined.mud-button-outlined-inherit { + color: inherit; + border-color: currentColor + } + + .mud-button-outlined.mud-icon-button { + padding: 5px + } + + .mud-button-outlined:hover, .mud-button-outlined:focus-visible { + background-color: var(--mud-palette-action-default-hover) + } + + .mud-button-outlined.mud-button-outlined-primary { color: var(--mud-palette-primary); - border: 1px solid var(--mud-palette-primary); + border: 1px solid var(--mud-palette-primary) } - .mud-avatar-outlined.mud-avatar-outlined-secondary { + .mud-button-outlined.mud-button-outlined-primary:hover, .mud-button-outlined.mud-button-outlined-primary:focus-visible { + border: 1px solid var(--mud-palette-primary); + background-color: var(--mud-palette-primary-hover) + } + + .mud-button-outlined.mud-button-outlined-secondary { color: var(--mud-palette-secondary); - border: 1px solid var(--mud-palette-secondary); + border: 1px solid var(--mud-palette-secondary) } - .mud-avatar-outlined.mud-avatar-outlined-tertiary { + .mud-button-outlined.mud-button-outlined-secondary:hover, .mud-button-outlined.mud-button-outlined-secondary:focus-visible { + border: 1px solid var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary-hover) + } + + .mud-button-outlined.mud-button-outlined-tertiary { color: var(--mud-palette-tertiary); - border: 1px solid var(--mud-palette-tertiary); + border: 1px solid var(--mud-palette-tertiary) } - .mud-avatar-outlined.mud-avatar-outlined-info { + .mud-button-outlined.mud-button-outlined-tertiary:hover, .mud-button-outlined.mud-button-outlined-tertiary:focus-visible { + border: 1px solid var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary-hover) + } + + .mud-button-outlined.mud-button-outlined-info { color: var(--mud-palette-info); - border: 1px solid var(--mud-palette-info); + border: 1px solid var(--mud-palette-info) } - .mud-avatar-outlined.mud-avatar-outlined-success { + .mud-button-outlined.mud-button-outlined-info:hover, .mud-button-outlined.mud-button-outlined-info:focus-visible { + border: 1px solid var(--mud-palette-info); + background-color: var(--mud-palette-info-hover) + } + + .mud-button-outlined.mud-button-outlined-success { color: var(--mud-palette-success); - border: 1px solid var(--mud-palette-success); + border: 1px solid var(--mud-palette-success) } - .mud-avatar-outlined.mud-avatar-outlined-warning { + .mud-button-outlined.mud-button-outlined-success:hover, .mud-button-outlined.mud-button-outlined-success:focus-visible { + border: 1px solid var(--mud-palette-success); + background-color: var(--mud-palette-success-hover) + } + + .mud-button-outlined.mud-button-outlined-warning { color: var(--mud-palette-warning); - border: 1px solid var(--mud-palette-warning); + border: 1px solid var(--mud-palette-warning) } - .mud-avatar-outlined.mud-avatar-outlined-error { + .mud-button-outlined.mud-button-outlined-warning:hover, .mud-button-outlined.mud-button-outlined-warning:focus-visible { + border: 1px solid var(--mud-palette-warning); + background-color: var(--mud-palette-warning-hover) + } + + .mud-button-outlined.mud-button-outlined-error { color: var(--mud-palette-error); - border: 1px solid var(--mud-palette-error); + border: 1px solid var(--mud-palette-error) } - .mud-avatar-outlined.mud-avatar-outlined-dark { + .mud-button-outlined.mud-button-outlined-error:hover, .mud-button-outlined.mud-button-outlined-error:focus-visible { + border: 1px solid var(--mud-palette-error); + background-color: var(--mud-palette-error-hover) + } + + .mud-button-outlined.mud-button-outlined-dark { color: var(--mud-palette-dark); - border: 1px solid var(--mud-palette-dark); + border: 1px solid var(--mud-palette-dark) } -.mud-avatar-filled { - color: var(--mud-palette-white); - background-color: var(--mud-palette-grey-light); -} + .mud-button-outlined.mud-button-outlined-dark:hover, .mud-button-outlined.mud-button-outlined-dark:focus-visible { + border: 1px solid var(--mud-palette-dark); + background-color: var(--mud-palette-dark-hover) + } - .mud-avatar-filled.mud-avatar-filled-primary { - background-color: var(--mud-palette-primary); + .mud-button-outlined:disabled { + border: 1px solid var(--mud-palette-action-disabled-background) } - .mud-avatar-filled.mud-avatar-filled-secondary { - background-color: var(--mud-palette-secondary); - } +.mud-button-filled { + color: var(--mud-palette-text-primary); + box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12); + background-color: var(--mud-palette-action-default-hover) +} - .mud-avatar-filled.mud-avatar-filled-tertiary { - background-color: var(--mud-palette-tertiary); + .mud-button-filled.mud-icon-button { + padding: 6px } - .mud-avatar-filled.mud-avatar-filled-info { - background-color: var(--mud-palette-info); + .mud-button-filled:hover, .mud-button-filled:focus-visible { + box-shadow: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12); + background-color: var(--mud-palette-action-disabled-background) } - .mud-avatar-filled.mud-avatar-filled-success { - background-color: var(--mud-palette-success); + .mud-button-filled:active { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12) } - .mud-avatar-filled.mud-avatar-filled-warning { - background-color: var(--mud-palette-warning); + .mud-button-filled:disabled { + color: var(--mud-palette-action-disabled); + box-shadow: none; + background-color: var(--mud-palette-action-disabled-background) !important } - .mud-avatar-filled.mud-avatar-filled-error { - background-color: var(--mud-palette-error); + .mud-button-filled.mud-button-filled-primary { + color: var(--mud-palette-primary-text); + background-color: var(--mud-palette-primary) } - .mud-avatar-filled.mud-avatar-filled-dark { - background-color: var(--mud-palette-dark); + .mud-button-filled.mud-button-filled-primary:hover, .mud-button-filled.mud-button-filled-primary:focus-visible { + background-color: var(--mud-palette-primary-darken) + } + + .mud-button-filled.mud-button-filled-secondary { + color: var(--mud-palette-secondary-text); + background-color: var(--mud-palette-secondary) } -.mud-avatar-group { - display: flex; -} + .mud-button-filled.mud-button-filled-secondary:hover, .mud-button-filled.mud-button-filled-secondary:focus-visible { + background-color: var(--mud-palette-secondary-darken) + } - .mud-avatar-group .mud-avatar:first-child { - margin-inline-start: 0 !important; + .mud-button-filled.mud-button-filled-tertiary { + color: var(--mud-palette-tertiary-text); + background-color: var(--mud-palette-tertiary) } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-transparent .mud-avatar:not(.mud-avatar-outlined) { - border-color: transparent; - } + .mud-button-filled.mud-button-filled-tertiary:hover, .mud-button-filled.mud-button-filled-tertiary:focus-visible { + background-color: var(--mud-palette-tertiary-darken) + } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-surface .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-surface); + .mud-button-filled.mud-button-filled-info { + color: var(--mud-palette-info-text); + background-color: var(--mud-palette-info) } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-primary .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-primary); - } + .mud-button-filled.mud-button-filled-info:hover, .mud-button-filled.mud-button-filled-info:focus-visible { + background-color: var(--mud-palette-info-darken) + } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-secondary .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-secondary); + .mud-button-filled.mud-button-filled-success { + color: var(--mud-palette-success-text); + background-color: var(--mud-palette-success) } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-tertiary .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-tertiary); - } + .mud-button-filled.mud-button-filled-success:hover, .mud-button-filled.mud-button-filled-success:focus-visible { + background-color: var(--mud-palette-success-darken) + } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-info .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-info); + .mud-button-filled.mud-button-filled-warning { + color: var(--mud-palette-warning-text); + background-color: var(--mud-palette-warning) } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-success .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-success); + .mud-button-filled.mud-button-filled-warning:hover, .mud-button-filled.mud-button-filled-warning:focus-visible { + background-color: var(--mud-palette-warning-darken) + } + + .mud-button-filled.mud-button-filled-error { + color: var(--mud-palette-error-text); + background-color: var(--mud-palette-error) } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-warning .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-warning); + .mud-button-filled.mud-button-filled-error:hover, .mud-button-filled.mud-button-filled-error:focus-visible { + background-color: var(--mud-palette-error-darken) + } + + .mud-button-filled.mud-button-filled-dark { + color: var(--mud-palette-dark-text); + background-color: var(--mud-palette-dark) } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-error .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-error); + .mud-button-filled.mud-button-filled-dark:hover, .mud-button-filled.mud-button-filled-dark:focus-visible { + background-color: var(--mud-palette-dark-darken) + } + +.mud-button-disable-elevation { + box-shadow: none +} + + .mud-button-disable-elevation:hover { + box-shadow: none } - .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-dark .mud-avatar:not(.mud-avatar-outlined) { - border-color: var(--mud-palette-dark); + .mud-button-disable-elevation:active { + box-shadow: none } - .mud-avatar-group.mud-avatar-group-outlined .mud-avatar { - border: 2px solid; + .mud-button-disable-elevation.mud-focus-visible { + box-shadow: none } - .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-small { - width: 28px; - height: 28px; - } + .mud-button-disable-elevation:disabled { + box-shadow: none + } - .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-medium { - width: 44px; - height: 44px; - } +.mud-button-color-inherit { + color: inherit; + border-color: currentColor +} - .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-large { - width: 60px; - height: 60px; - } +.mud-button-text-size-small { + padding: 4px 5px; + font-size: .8125rem +} -.mud-breadcrumbs { - display: flex; - flex-wrap: wrap; - flex: 0 1 auto; - align-items: center; - list-style-type: none; - margin: 0; - padding: 16px 12px; +.mud-button-text-size-large { + padding: 8px 11px; + font-size: .9375rem } -.mud-breadcrumb-separator { - padding: 0 12px; +.mud-button-outlined-size-small { + padding: 3px 9px; + font-size: .8125rem } - .mud-breadcrumb-separator > span { - color: var(--mud-palette-text-primary); - opacity: .38; + .mud-button-outlined-size-small.mud-icon-button { + padding: 4px } -.mud-breadcrumb-item > a { - display: flex; - align-items: center; +.mud-button-outlined-size-large { + padding: 7px 21px; + font-size: .9375rem } - .mud-breadcrumb-item > a > svg.mud-icon-root { - margin-right: 4px; - margin-inline-end: 4px; - margin-inline-start: unset; + .mud-button-outlined-size-large.mud-icon-button { + padding: 4px } -.mud-breadcrumb-item.mud-disabled > a { - pointer-events: none; - color: var(--mud-palette-action-disabled); +.mud-button-filled-size-small { + padding: 4px 10px; + font-size: .8125rem } -.mud-breadcrumbs-expander { - cursor: pointer; - display: flex; - background-color: #eee; + .mud-button-filled-size-small.mud-icon-button { + padding: 5px + } + +.mud-button-filled-size-large { + padding: 8px 22px; + font-size: .9375rem } - .mud-breadcrumbs-expander:hover { - background-color: #e0e0e0; + .mud-button-filled-size-large.mud-icon-button { + padding: 5px } - .mud-breadcrumbs-expander > svg { - width: 26px; - } +.mud-button-full-width { + width: 100% +} -.mud-button-root { - color: inherit; - border: 0; - cursor: pointer; - margin: 0; - display: inline-flex; - outline: 0; - padding: 0; - position: relative; - align-items: center; - user-select: none; - border-radius: 0; - vertical-align: middle; - -moz-appearance: none; - justify-content: center; - text-decoration: none; - background-color: transparent; - -webkit-appearance: none; - -webkit-tap-highlight-color: transparent; +.mud-button-label .mud-button-icon-start { + display: inherit; + margin-left: -4px; + margin-right: 8px; + margin-inline-start: -4px; + margin-inline-end: 8px } - .mud-button-root::-moz-focus-inner { - border-style: none; + .mud-button-label .mud-button-icon-start.mud-button-icon-size-small { + margin-left: -2px; + margin-inline-start: -2px; + margin-inline-end: 8px } - .mud-button-root:disabled { - color: var(--mud-palette-action-disabled) !important; - cursor: default; - pointer-events: none; +.mud-button-label .mud-button-icon-end { + display: inherit; + margin-left: 8px; + margin-right: -4px; + margin-inline-start: 8px; + margin-inline-end: -4px +} + + .mud-button-label .mud-button-icon-end.mud-button-icon-size-small { + margin-right: -2px; + margin-inline-end: -2px; + margin-inline-start: 8px } -.mud-button { - padding: 6px 16px; - font-family: var(--mud-typography-button-family); - font-size: var(--mud-typography-button-size); - font-weight: var(--mud-typography-button-weight); - line-height: var(--mud-typography-button-lineheight); - letter-spacing: var(--mud-typography-button-letterspacing); - text-transform: var(--mud-typography-button-text-transform); - min-width: 64px; - box-sizing: border-box; - 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) 0ms; - border-radius: var(--mud-default-borderradius); - color: var(--mud-palette-text-primary); +.mud-button-icon-size-small > *:first-child { + font-size: 18px } - .mud-button:hover, .mud-button:focus-visible { - background-color: var(--mud-palette-action-default-hover); - } +.mud-button-icon-size-medium > *:first-child { + font-size: 20px +} -.mud-button-label { - width: 100%; - display: inherit; - align-items: inherit; - justify-content: inherit; +.mud-button-icon-size-large > *:first-child { + font-size: 22px } -.mud-button-text { - padding: 6px 8px; +.mud-button-group-root { + border-radius: var(--mud-default-borderradius); + display: inline-flex } - .mud-button-text.mud-button-text-inherit { - color: inherit; + .mud-button-group-root .mud-button-root { + border-radius: var(--mud-default-borderradius) } - .mud-button-text.mud-button-text-primary { - color: var(--mud-palette-primary); + .mud-button-group-root.mud-button-group-override-styles .mud-button { + color: var(--mud-palette-text-primary) } - .mud-button-text.mud-button-text-primary:hover, .mud-button-text.mud-button-text-primary:focus-visible { - background-color: var(--mud-palette-primary-hover); - } - - .mud-button-text.mud-button-text-secondary { - color: var(--mud-palette-secondary); + .mud-button-group-root.mud-button-group-override-styles .mud-button-root { + background-color: inherit; + box-shadow: none; + border: none } - .mud-button-text.mud-button-text-secondary:hover, .mud-button-text.mud-button-text-secondary:focus-visible { - background-color: var(--mud-palette-secondary-hover); + .mud-button-group-root.mud-button-group-override-styles .mud-button-root:hover, .mud-button-group-root.mud-button-group-override-styles .mud-button-root:focus-visible { + background-color: var(--mud-palette-action-default-hover) } - .mud-button-text.mud-button-text-tertiary { - color: var(--mud-palette-tertiary); - } - - .mud-button-text.mud-button-text-tertiary:hover, .mud-button-text.mud-button-text-tertiary:focus-visible { - background-color: var(--mud-palette-tertiary-hover); - } +.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} - .mud-button-text.mud-button-text-info { - color: var(--mud-palette-info); - } +.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px +} - .mud-button-text.mud-button-text-info:hover, .mud-button-text.mud-button-text-info:focus-visible { - background-color: var(--mud-palette-info-hover); - } +.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:last-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:last-child) .mud-button-root { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px +} - .mud-button-text.mud-button-text-success { - color: var(--mud-palette-success); - } +.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:first-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} - .mud-button-text.mud-button-text-success:hover, .mud-button-text.mud-button-text-success:focus-visible { - background-color: var(--mud-palette-success-hover); - } +.mud-button-group-vertical { + flex-direction: column +} - .mud-button-text.mud-button-text-warning { - color: var(--mud-palette-warning); + .mud-button-group-vertical .mud-icon-button { + width: 100% } - .mud-button-text.mud-button-text-warning:hover, .mud-button-text.mud-button-text-warning:focus-visible { - background-color: var(--mud-palette-warning-hover); - } - - .mud-button-text.mud-button-text-error { - color: var(--mud-palette-error); + .mud-button-group-vertical > .mud-button-root:not(:last-child), .mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 } - .mud-button-text.mud-button-text-error:hover, .mud-button-text.mud-button-text-error:focus-visible { - background-color: var(--mud-palette-error-hover); - } - - .mud-button-text.mud-button-text-dark { - color: var(--mud-palette-dark); + .mud-button-group-vertical > .mud-button-root:not(:first-child), .mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top-right-radius: 0; + border-top-left-radius: 0; + margin-top: -1px } - .mud-button-text.mud-button-text-dark:hover, .mud-button-text.mud-button-text-dark:focus-visible { - background-color: var(--mud-palette-dark-hover); - } +.mud-button-group-text.mud-button-group-override-styles .mud-button-root { + padding: 6px 8px +} -.mud-button-outlined { - color: var(--mud-palette-text-primary); - border: 1px solid var(--mud-palette-text-primary); - padding: 5px 15px; +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-text-primary) } - .mud-button-outlined.mud-button-outlined-inherit { - color: inherit; - border-color: currentColor; - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-text-primary) +} - .mud-button-outlined.mud-icon-button { - padding: 5px; - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-text-primary) +} - .mud-button-outlined:hover, .mud-button-outlined:focus-visible { - background-color: var(--mud-palette-action-default-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root { + color: var(--mud-palette-primary) +} - .mud-button-outlined.mud-button-outlined-primary { - color: var(--mud-palette-primary); - border: 1px solid var(--mud-palette-primary); + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:focus-visible { + background-color: var(--mud-palette-primary-hover) } - .mud-button-outlined.mud-button-outlined-primary:hover, .mud-button-outlined.mud-button-outlined-primary:focus-visible { - border: 1px solid var(--mud-palette-primary); - background-color: var(--mud-palette-primary-hover); - } - - .mud-button-outlined.mud-button-outlined-secondary { - color: var(--mud-palette-secondary); - border: 1px solid var(--mud-palette-secondary); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-primary) +} - .mud-button-outlined.mud-button-outlined-secondary:hover, .mud-button-outlined.mud-button-outlined-secondary:focus-visible { - border: 1px solid var(--mud-palette-secondary); - background-color: var(--mud-palette-secondary-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-primary) +} - .mud-button-outlined.mud-button-outlined-tertiary { - color: var(--mud-palette-tertiary); - border: 1px solid var(--mud-palette-tertiary); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-primary) +} - .mud-button-outlined.mud-button-outlined-tertiary:hover, .mud-button-outlined.mud-button-outlined-tertiary:focus-visible { - border: 1px solid var(--mud-palette-tertiary); - background-color: var(--mud-palette-tertiary-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root { + color: var(--mud-palette-secondary) +} - .mud-button-outlined.mud-button-outlined-info { - color: var(--mud-palette-info); - border: 1px solid var(--mud-palette-info); + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:focus-visible { + background-color: var(--mud-palette-secondary-hover) } - .mud-button-outlined.mud-button-outlined-info:hover, .mud-button-outlined.mud-button-outlined-info:focus-visible { - border: 1px solid var(--mud-palette-info); - background-color: var(--mud-palette-info-hover); - } - - .mud-button-outlined.mud-button-outlined-success { - color: var(--mud-palette-success); - border: 1px solid var(--mud-palette-success); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-secondary) +} - .mud-button-outlined.mud-button-outlined-success:hover, .mud-button-outlined.mud-button-outlined-success:focus-visible { - border: 1px solid var(--mud-palette-success); - background-color: var(--mud-palette-success-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-secondary) +} - .mud-button-outlined.mud-button-outlined-warning { - color: var(--mud-palette-warning); - border: 1px solid var(--mud-palette-warning); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-secondary) +} - .mud-button-outlined.mud-button-outlined-warning:hover, .mud-button-outlined.mud-button-outlined-warning:focus-visible { - border: 1px solid var(--mud-palette-warning); - background-color: var(--mud-palette-warning-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root { + color: var(--mud-palette-tertiary) +} - .mud-button-outlined.mud-button-outlined-error { - color: var(--mud-palette-error); - border: 1px solid var(--mud-palette-error); + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:focus-visible { + background-color: var(--mud-palette-tertiary-hover) } - .mud-button-outlined.mud-button-outlined-error:hover, .mud-button-outlined.mud-button-outlined-error:focus-visible { - border: 1px solid var(--mud-palette-error); - background-color: var(--mud-palette-error-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-tertiary) +} - .mud-button-outlined.mud-button-outlined-dark { - color: var(--mud-palette-dark); - border: 1px solid var(--mud-palette-dark); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-tertiary) +} - .mud-button-outlined.mud-button-outlined-dark:hover, .mud-button-outlined.mud-button-outlined-dark:focus-visible { - border: 1px solid var(--mud-palette-dark); - background-color: var(--mud-palette-dark-hover); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-tertiary) +} - .mud-button-outlined:disabled { - border: 1px solid var(--mud-palette-action-disabled-background); +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root { + color: var(--mud-palette-info) +} + + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:focus-visible { + background-color: var(--mud-palette-info-hover) } -.mud-button-filled { - color: var(--mud-palette-text-primary); - box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); - background-color: var(--mud-palette-action-default-hover); +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-info) } - .mud-button-filled.mud-icon-button { - padding: 6px; - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-info) +} - .mud-button-filled:hover, .mud-button-filled:focus-visible { - box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12); - background-color: var(--mud-palette-action-disabled-background); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-info) +} - .mud-button-filled:active { - box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root { + color: var(--mud-palette-success) +} - .mud-button-filled:disabled { - color: var(--mud-palette-action-disabled); - box-shadow: none; - background-color: var(--mud-palette-action-disabled-background) !important; + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:focus-visible { + background-color: var(--mud-palette-success-hover) } - .mud-button-filled.mud-button-filled-primary { - color: var(--mud-palette-primary-text); - background-color: var(--mud-palette-primary); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-success) +} - .mud-button-filled.mud-button-filled-primary:hover, .mud-button-filled.mud-button-filled-primary:focus-visible { - background-color: var(--mud-palette-primary-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-success) +} - .mud-button-filled.mud-button-filled-secondary { - color: var(--mud-palette-secondary-text); - background-color: var(--mud-palette-secondary); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-success) +} - .mud-button-filled.mud-button-filled-secondary:hover, .mud-button-filled.mud-button-filled-secondary:focus-visible { - background-color: var(--mud-palette-secondary-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root { + color: var(--mud-palette-warning) +} - .mud-button-filled.mud-button-filled-tertiary { - color: var(--mud-palette-tertiary-text); - background-color: var(--mud-palette-tertiary); + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:focus-visible { + background-color: var(--mud-palette-warning-hover) } - .mud-button-filled.mud-button-filled-tertiary:hover, .mud-button-filled.mud-button-filled-tertiary:focus-visible { - background-color: var(--mud-palette-tertiary-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-warning) +} - .mud-button-filled.mud-button-filled-info { - color: var(--mud-palette-info-text); - background-color: var(--mud-palette-info); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-warning) +} - .mud-button-filled.mud-button-filled-info:hover, .mud-button-filled.mud-button-filled-info:focus-visible { - background-color: var(--mud-palette-info-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-warning) +} - .mud-button-filled.mud-button-filled-success { - color: var(--mud-palette-success-text); - background-color: var(--mud-palette-success); +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root { + color: var(--mud-palette-error) +} + + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:focus-visible { + background-color: var(--mud-palette-error-hover) } - .mud-button-filled.mud-button-filled-success:hover, .mud-button-filled.mud-button-filled-success:focus-visible { - background-color: var(--mud-palette-success-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-error) +} - .mud-button-filled.mud-button-filled-warning { - color: var(--mud-palette-warning-text); - background-color: var(--mud-palette-warning); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-error) +} - .mud-button-filled.mud-button-filled-warning:hover, .mud-button-filled.mud-button-filled-warning:focus-visible { - background-color: var(--mud-palette-warning-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-error) +} - .mud-button-filled.mud-button-filled-error { - color: var(--mud-palette-error-text); - background-color: var(--mud-palette-error); +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root { + color: var(--mud-palette-dark) +} + + .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:focus-visible { + background-color: var(--mud-palette-dark-hover) } - .mud-button-filled.mud-button-filled-error:hover, .mud-button-filled.mud-button-filled-error:focus-visible { - background-color: var(--mud-palette-error-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-dark) +} - .mud-button-filled.mud-button-filled-dark { - color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-dark); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-dark) +} - .mud-button-filled.mud-button-filled-dark:hover, .mud-button-filled.mud-button-filled-dark:focus-visible { - background-color: var(--mud-palette-dark-darken); - } +.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical > :not(:last-child) .mud-button-root { + border-bottom: 1px solid var(--mud-palette-dark) +} -.mud-button-disable-elevation { - box-shadow: none; +.mud-button-group-outlined.mud-button-group-override-styles .mud-button-root { + padding: 5px 15px; + border: 1px solid var(--mud-palette-text-primary) } - .mud-button-disable-elevation:hover { - box-shadow: none; - } +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root { + color: var(--mud-palette-primary); + border: 1px solid var(--mud-palette-primary) +} - .mud-button-disable-elevation:active { - box-shadow: none; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:focus-visible { + background-color: var(--mud-palette-primary-hover) } - .mud-button-disable-elevation.mud-focus-visible { - box-shadow: none; - } +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root { + color: var(--mud-palette-secondary); + border: 1px solid var(--mud-palette-secondary) +} - .mud-button-disable-elevation:disabled { - box-shadow: none; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:focus-visible { + background-color: var(--mud-palette-secondary-hover) } -.mud-button-color-inherit { - color: inherit; - border-color: currentColor; +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root { + color: var(--mud-palette-tertiary); + border: 1px solid var(--mud-palette-tertiary) } -.mud-button-text-size-small { - padding: 4px 5px; - font-size: .8125rem; -} + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:focus-visible { + background-color: var(--mud-palette-tertiary-hover) + } -.mud-button-text-size-large { - padding: 8px 11px; - font-size: .9375rem; +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root { + color: var(--mud-palette-info); + border: 1px solid var(--mud-palette-info) } -.mud-button-outlined-size-small { - padding: 3px 9px; - font-size: .8125rem; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:focus-visible { + background-color: var(--mud-palette-info-hover) + } + +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root { + color: var(--mud-palette-success); + border: 1px solid var(--mud-palette-success) } - .mud-button-outlined-size-small.mud-icon-button { - padding: 4px; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:focus-visible { + background-color: var(--mud-palette-success-hover) } -.mud-button-outlined-size-large { - padding: 7px 21px; - font-size: .9375rem; +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root { + color: var(--mud-palette-warning); + border: 1px solid var(--mud-palette-warning) } - .mud-button-outlined-size-large.mud-icon-button { - padding: 4px; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:focus-visible { + background-color: var(--mud-palette-warning-hover) } -.mud-button-filled-size-small { - padding: 4px 10px; - font-size: .8125rem; +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root { + color: var(--mud-palette-error); + border: 1px solid var(--mud-palette-error) } - .mud-button-filled-size-small.mud-icon-button { - padding: 5px; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:focus-visible { + background-color: var(--mud-palette-error-hover) } -.mud-button-filled-size-large { - padding: 8px 22px; - font-size: .9375rem; +.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root { + color: var(--mud-palette-dark); + border: 1px solid var(--mud-palette-dark) } - .mud-button-filled-size-large.mud-icon-button { - padding: 5px; + .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:focus-visible { + background-color: var(--mud-palette-dark-hover) } -.mud-button-full-width { - width: 100%; +.mud-button-group-filled { + box-shadow: var(--mud-elevation-2) } -.mud-button-label .mud-button-icon-start { - display: inherit; - margin-left: -4px; - margin-right: 8px; - margin-inline-start: -4px; - margin-inline-end: 8px; -} + .mud-button-group-filled .mud-button-root { + box-shadow: none + } - .mud-button-label .mud-button-icon-start.mud-button-icon-size-small { - margin-left: -2px; - margin-inline-start: -2px; - margin-inline-end: 8px; + .mud-button-group-filled .mud-button-root:hover, .mud-button-group-filled .mud-button-root:focus-visible { + box-shadow: var(--mud-elevation-4) + } + + .mud-button-group-filled.mud-button-group-override-styles .mud-button-root { + background-color: var(--mud-palette-action-default-hover); + padding: 6px 16px } -.mud-button-label .mud-button-icon-end { - display: inherit; - margin-left: 8px; - margin-right: -4px; - margin-inline-start: 8px; - margin-inline-end: -4px; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-divider) + } - .mud-button-label .mud-button-icon-end.mud-button-icon-size-small { - margin-right: -2px; - margin-inline-end: -2px; - margin-inline-start: 8px; + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-divider) } -.mud-button-icon-size-small > *:first-child { - font-size: 18px; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-divider) + } -.mud-button-icon-size-medium > *:first-child { - font-size: 20px; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root { + background-color: var(--mud-palette-primary); + color: var(--mud-palette-primary-text) + } -.mud-button-icon-size-large > *:first-child { - font-size: 22px; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:focus-visible { + background-color: var(--mud-palette-primary-darken) + } -.mud-button-group-root { - border-radius: var(--mud-default-borderradius); - display: inline-flex; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-primary-lighten) + } - .mud-button-group-root .mud-button-root { - border-radius: var(--mud-default-borderradius); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-primary-lighten) } - .mud-button-group-root.mud-button-group-override-styles .mud-button { - color: var(--mud-palette-text-primary); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-primary-lighten) } - .mud-button-group-root.mud-button-group-override-styles .mud-button-root { - background-color: inherit; - box-shadow: none; - border: none; + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root { + background-color: var(--mud-palette-secondary); + color: var(--mud-palette-secondary-text) } - .mud-button-group-root.mud-button-group-override-styles .mud-button-root:hover, .mud-button-group-root.mud-button-group-override-styles .mud-button-root:focus-visible { - background-color: var(--mud-palette-action-default-hover); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:focus-visible { + background-color: var(--mud-palette-secondary-darken) } -.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-secondary-lighten) + } -.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: -1px; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-secondary-lighten) + } -.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:last-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:last-child) .mud-button-root { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: -1px; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-secondary-lighten) + } -.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:first-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root { + background-color: var(--mud-palette-tertiary); + color: var(--mud-palette-tertiary-text) + } -.mud-button-group-vertical { - flex-direction: column; -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:focus-visible { + background-color: var(--mud-palette-tertiary-darken) + } - .mud-button-group-vertical .mud-icon-button { - width: 100%; + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-tertiary-lighten) } - .mud-button-group-vertical > .mud-button-root:not(:last-child), .mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-tertiary-lighten) } - .mud-button-group-vertical > .mud-button-root:not(:first-child), .mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top-right-radius: 0; - border-top-left-radius: 0; - margin-top: -1px; + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-tertiary-lighten) } -.mud-button-group-text.mud-button-group-override-styles .mud-button-root { - padding: 6px 8px; -} - -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-text-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root { + background-color: var(--mud-palette-info); + color: var(--mud-palette-info-text) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-text-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:focus-visible { + background-color: var(--mud-palette-info-darken) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-text-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-info-lighten) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root { - color: var(--mud-palette-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-info-lighten) + } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:focus-visible { - background-color: var(--mud-palette-primary-hover); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-info-lighten) } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root { + background-color: var(--mud-palette-success); + color: var(--mud-palette-success-text) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:focus-visible { + background-color: var(--mud-palette-success-darken) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-primary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-success-lighten) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root { - color: var(--mud-palette-secondary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-success-lighten) + } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:focus-visible { - background-color: var(--mud-palette-secondary-hover); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-success-lighten) } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-secondary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root { + background-color: var(--mud-palette-warning); + color: var(--mud-palette-warning-text) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-secondary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:focus-visible { + background-color: var(--mud-palette-warning-darken) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-secondary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-warning-lighten) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root { - color: var(--mud-palette-tertiary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-warning-lighten) + } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:focus-visible { - background-color: var(--mud-palette-tertiary-hover); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-warning-lighten) } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-tertiary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root { + background-color: var(--mud-palette-error); + color: var(--mud-palette-error-text) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-tertiary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:focus-visible { + background-color: var(--mud-palette-error-darken) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-tertiary); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-error-lighten) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root { - color: var(--mud-palette-info); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-error-lighten) + } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:focus-visible { - background-color: var(--mud-palette-info-hover); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-error-lighten) } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-info); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root { + background-color: var(--mud-palette-dark); + color: var(--mud-palette-dark-text) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-info); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:focus-visible { + background-color: var(--mud-palette-dark-darken) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-info); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { + border-left: 1px solid var(--mud-palette-dark-lighten) + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root { - color: var(--mud-palette-success); -} + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { + border-right: 1px solid var(--mud-palette-dark-lighten) + } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:focus-visible { - background-color: var(--mud-palette-success-hover); + .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical > :not(:first-child) .mud-button-root { + border-top: 1px solid var(--mud-palette-dark-lighten) } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-success); +.mud-button-group-disable-elevation { + box-shadow: none } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-success); +.mud-button-group-root.mud-button-group-text-size-small .mud-button-root { + padding: 4px 5px; + font-size: .8125rem } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-success); -} + .mud-button-group-root.mud-button-group-text-size-small .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.422rem + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root { - color: var(--mud-palette-warning); +.mud-button-group-root.mud-button-group-text-size-large .mud-button-root { + padding: 8px 11px; + font-size: .9375rem } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:focus-visible { - background-color: var(--mud-palette-warning-hover); + .mud-button-group-root.mud-button-group-text-size-large .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.641rem } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-warning); +.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root { + padding: 3px 9px; + font-size: .8125rem } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-warning); -} + .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button { + padding: 3px 9px + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-warning); -} + .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.422rem + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root { - color: var(--mud-palette-error); +.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root { + padding: 7px 21px; + font-size: .9375rem } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:focus-visible { - background-color: var(--mud-palette-error-hover); + .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button { + padding: 7px 15px } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-error); -} + .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.641rem + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-error); +.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root { + padding: 4px 10px; + font-size: .8125rem } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-error); -} + .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button { + padding: 4px 10px + } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root { - color: var(--mud-palette-dark); + .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.422rem + } + +.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root { + padding: 8px 22px; + font-size: .9375rem } - .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:focus-visible { - background-color: var(--mud-palette-dark-hover); + .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button { + padding: 8px 16px } -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-dark); -} - -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-dark); -} - -.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical > :not(:last-child) .mud-button-root { - border-bottom: 1px solid var(--mud-palette-dark); -} - -.mud-button-group-outlined.mud-button-group-override-styles .mud-button-root { - padding: 5px 15px; - border: 1px solid var(--mud-palette-text-primary); -} + .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.641rem + } -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root { - color: var(--mud-palette-primary); - border: 1px solid var(--mud-palette-primary); +.mud-button-group-root .mud-button-root.mud-icon-button { + padding-right: 12px; + padding-left: 12px } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:focus-visible { - background-color: var(--mud-palette-primary-hover); + .mud-button-group-root .mud-button-root.mud-icon-button .mud-icon-root { + font-size: 1.516rem } -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root { - color: var(--mud-palette-secondary); - border: 1px solid var(--mud-palette-secondary); -} + .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:after { + transform: scale(10, 10) + } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:focus-visible { - background-color: var(--mud-palette-secondary-hover); + .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:active:after { + transform: scale(0, 0); + opacity: .1; + transition: 0s } -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root { - color: var(--mud-palette-tertiary); - border: 1px solid var(--mud-palette-tertiary); +.mud-card-header { + display: flex; + padding: 16px; + align-items: center; + border-top-left-radius: inherit; + border-top-right-radius: inherit } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:focus-visible { - background-color: var(--mud-palette-tertiary-hover); + .mud-card-header .mud-card-header-avatar { + flex: 0 0 auto; + margin-right: 16px; + margin-inline-end: 16px; + margin-inline-start: unset } -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root { - color: var(--mud-palette-info); - border: 1px solid var(--mud-palette-info); -} - - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:focus-visible { - background-color: var(--mud-palette-info-hover); + .mud-card-header .mud-card-header-content { + flex: 1 1 auto } -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root { - color: var(--mud-palette-success); - border: 1px solid var(--mud-palette-success); -} + .mud-card-header .mud-card-header-content .mud-typography { + margin-bottom: 0 + } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:focus-visible { - background-color: var(--mud-palette-success-hover); + .mud-card-header .mud-card-header-actions { + flex: 0 0 auto; + align-self: flex-start; + margin-top: -8px; + margin-right: -8px; + margin-inline-end: -8px; + margin-inline-start: unset } -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root { - color: var(--mud-palette-warning); - border: 1px solid var(--mud-palette-warning); +.mud-card-media { + display: block; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + border-top-left-radius: inherit; + border-top-right-radius: inherit } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:focus-visible { - background-color: var(--mud-palette-warning-hover); - } +.mud-card-header + .mud-card-media { + border-top-left-radius: 0px; + border-top-right-radius: 0px +} -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root { - color: var(--mud-palette-error); - border: 1px solid var(--mud-palette-error); +.mud-card-content { + padding: 16px } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:focus-visible { - background-color: var(--mud-palette-error-hover); - } +.mud-card-actions { + display: flex; + padding: 8px; + align-items: center +} -.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root { - color: var(--mud-palette-dark); - border: 1px solid var(--mud-palette-dark); +.mud-carousel { + display: flex !important; + position: relative; + margin: 0px !important; + clip-path: inset(0px 0px 0px 0px); + overflow: hidden } - .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:focus-visible { - background-color: var(--mud-palette-dark-hover); + .mud-carousel.mud-carousel-primary { + color: var(--mud-palette-primary-text) } -.mud-button-group-filled { - box-shadow: var(--mud-elevation-2); -} - - .mud-button-group-filled .mud-button-root { - box-shadow: none; + .mud-carousel.mud-carousel-secondary { + color: var(--mud-palette-secondary-text) } - .mud-button-group-filled .mud-button-root:hover, .mud-button-group-filled .mud-button-root:focus-visible { - box-shadow: var(--mud-elevation-4); - } + .mud-carousel.mud-carousel-tertiary { + color: var(--mud-palette-tertiary-text) + } - .mud-button-group-filled.mud-button-group-override-styles .mud-button-root { - background-color: var(--mud-palette-action-default-hover); - padding: 6px 16px; + .mud-carousel.mud-carousel-info { + color: var(--mud-palette-info-text) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-divider); + .mud-carousel.mud-carousel-success { + color: var(--mud-palette-success-text) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-divider); + .mud-carousel.mud-carousel-warning { + color: var(--mud-palette-warning-text) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-divider); + .mud-carousel.mud-carousel-error { + color: var(--mud-palette-error-text) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root { - background-color: var(--mud-palette-primary); - color: var(--mud-palette-primary-text); + .mud-carousel.mud-carousel-dark { + color: var(--mud-palette-dark-text) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:focus-visible { - background-color: var(--mud-palette-primary-darken); - } +.mud-carousel-elements-rtl { + transform: rotate(180deg) !important +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-primary-lighten); - } +.mud-carousel-item { + position: absolute; + left: 0px; + right: 0px; + top: 0px; + bottom: 0px; + margin: inherit; + padding: inherit; + z-index: 2 +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-primary-lighten); + .mud-carousel-item.mud-carousel-item-primary { + color: var(--mud-palette-primary-text); + background-color: var(--mud-palette-primary) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-primary-lighten); + .mud-carousel-item.mud-carousel-item-secondary { + color: var(--mud-palette-secondary-text); + background-color: var(--mud-palette-secondary) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root { - background-color: var(--mud-palette-secondary); - color: var(--mud-palette-secondary-text); + .mud-carousel-item.mud-carousel-item-tertiary { + color: var(--mud-palette-tertiary-text); + background-color: var(--mud-palette-tertiary) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:focus-visible { - background-color: var(--mud-palette-secondary-darken); - } + .mud-carousel-item.mud-carousel-item-info { + color: var(--mud-palette-info-text); + background-color: var(--mud-palette-info) + } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-secondary-lighten); + .mud-carousel-item.mud-carousel-item-success { + color: var(--mud-palette-success-text); + background-color: var(--mud-palette-success) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-secondary-lighten); + .mud-carousel-item.mud-carousel-item-warning { + color: var(--mud-palette-warning-text); + background-color: var(--mud-palette-warning) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-secondary-lighten); + .mud-carousel-item.mud-carousel-item-error { + color: var(--mud-palette-error-text); + background-color: var(--mud-palette-error) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root { - background-color: var(--mud-palette-tertiary); - color: var(--mud-palette-tertiary-text); + .mud-carousel-item.mud-carousel-item-dark { + color: var(--mud-palette-dark-text); + background-color: var(--mud-palette-dark) } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:focus-visible { - background-color: var(--mud-palette-tertiary-darken); - } +.mud-carousel-item-exit { + z-index: 1 +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-tertiary-lighten); +@keyframes mud-carousel-transition-fade-in-keyframe { + from { + opacity: 0 } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-tertiary-lighten); + to { + opacity: 1 } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-tertiary-lighten); +@keyframes mud-carousel-transition-fade-out-keyframe { + from { + opacity: 1 } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root { - background-color: var(--mud-palette-info); - color: var(--mud-palette-info-text); + to { + opacity: 0 } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:focus-visible { - background-color: var(--mud-palette-info-darken); - } +.mud-carousel-transition-fade-in { + animation: .5s mud-carousel-transition-fade-in-keyframe +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-info-lighten); - } +.mud-carousel-transition-fade-out { + animation: .5s mud-carousel-transition-fade-out-keyframe; + animation-fill-mode: forwards +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-info-lighten); +.mud-carousel-transition-none { + display: none +} + +@keyframes mud-carousel-transition-slide-next-enter-keyframe { + from { + transform: translate3d(100%, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-info-lighten); + to { + transform: translate3d(0, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root { - background-color: var(--mud-palette-success); - color: var(--mud-palette-success-text); +@keyframes mud-carousel-transition-slide-next-rtl-enter-keyframe { + from { + transform: translate3d(-100%, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:focus-visible { - background-color: var(--mud-palette-success-darken); - } + to { + transform: translate3d(0, 0, 0) + } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-success-lighten); +@keyframes mud-carousel-transition-slide-next-exit-keyframe { + from { + transform: translate3d(0, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-success-lighten); + to { + transform: translate3d(-100%, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-success-lighten); +@keyframes mud-carousel-transition-slide-next-rtl-exit-keyframe { + from { + transform: translate3d(0, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root { - background-color: var(--mud-palette-warning); - color: var(--mud-palette-warning-text); + to { + transform: translate3d(100%, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:focus-visible { - background-color: var(--mud-palette-warning-darken); - } +.mud-carousel-transition-slide-next-enter { + animation: .5s mud-carousel-transition-slide-next-enter-keyframe +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-warning-lighten); +.mud-carousel-transition-slide-next-rtl-enter { + animation: .5s mud-carousel-transition-slide-next-rtl-enter-keyframe +} + +.mud-carousel-transition-slide-next-exit { + animation: .5s mud-carousel-transition-slide-next-exit-keyframe; + animation-fill-mode: forwards +} + +.mud-carousel-transition-slide-next-rtl-exit { + animation: .5s mud-carousel-transition-slide-next-rtl-exit-keyframe; + animation-fill-mode: forwards +} + +@keyframes mud-carousel-transition-slide-prev-enter-keyframe { + from { + transform: translate3d(-100%, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-warning-lighten); + to { + transform: translate3d(0, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-warning-lighten); +@keyframes mud-carousel-transition-slide-prev-rtl-enter-keyframe { + from { + transform: translate3d(100%, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root { - background-color: var(--mud-palette-error); - color: var(--mud-palette-error-text); + to { + transform: translate3d(0, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:focus-visible { - background-color: var(--mud-palette-error-darken); - } +@keyframes mud-carousel-transition-slide-prev-exit-keyframe { + from { + transform: translate3d(0, 0, 0); + visibility: visible + } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-error-lighten); + to { + transform: translate3d(100%, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-error-lighten); +@keyframes mud-carousel-transition-slide-prev-rtl-exit-keyframe { + from { + transform: translate3d(0, 0, 0); + visibility: visible } - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-error-lighten); + to { + transform: translate3d(-100%, 0, 0) } +} - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root { - background-color: var(--mud-palette-dark); - color: var(--mud-palette-dark-text); - } - - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:focus-visible { - background-color: var(--mud-palette-dark-darken); - } - - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root { - border-left: 1px solid var(--mud-palette-dark-lighten); - } - - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root { - border-right: 1px solid var(--mud-palette-dark-lighten); - } - - .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical > :not(:first-child) .mud-button-root { - border-top: 1px solid var(--mud-palette-dark-lighten); - } - -.mud-button-group-disable-elevation { - box-shadow: none; +.mud-carousel-transition-slide-prev-enter { + animation: .5s mud-carousel-transition-slide-prev-enter-keyframe } -.mud-button-group-root.mud-button-group-text-size-small .mud-button-root { - padding: 4px 5px; - font-size: .8125rem; +.mud-carousel-transition-slide-prev-rtl-enter { + animation: .5s mud-carousel-transition-slide-prev-rtl-enter-keyframe } - .mud-button-group-root.mud-button-group-text-size-small .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.422rem; - } - -.mud-button-group-root.mud-button-group-text-size-large .mud-button-root { - padding: 8px 11px; - font-size: .9375rem; +.mud-carousel-transition-slide-prev-exit { + animation: .5s mud-carousel-transition-slide-prev-exit-keyframe; + animation-fill-mode: forwards } - .mud-button-group-root.mud-button-group-text-size-large .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.641rem; - } +.mud-carousel-transition-slide-prev-rtl-exit { + animation: .5s mud-carousel-transition-slide-prev-rtl-exit-keyframe; + animation-fill-mode: forwards +} -.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root { - padding: 3px 9px; - font-size: .8125rem; +.mud-chart { + display: flex } - .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button { - padding: 3px 9px; + .mud-chart.mud-chart-legend-bottom { + flex-direction: column } - .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.422rem; + .mud-chart.mud-chart-legend-bottom .mud-chart-legend { + margin-top: 10px; + justify-content: center; + width: 100% } -.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root { - padding: 7px 21px; - font-size: .9375rem; -} - - .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button { - padding: 7px 15px; + .mud-chart.mud-chart-legend-top { + flex-direction: column-reverse } - .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.641rem; + .mud-chart.mud-chart-legend-top .mud-chart-legend { + justify-content: center; + width: 100% } -.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root { - padding: 4px 10px; - font-size: .8125rem; -} - - .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button { - padding: 4px 10px; + .mud-chart.mud-chart-legend-right { + flex-direction: row } - .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.422rem; + .mud-chart.mud-chart-legend-right .mud-chart-legend { + flex-direction: column } -.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root { - padding: 8px 22px; - font-size: .9375rem; -} - - .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button { - padding: 8px 16px; + .mud-chart.mud-chart-legend-left { + flex-direction: row-reverse } - .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.641rem; + .mud-chart.mud-chart-legend-left .mud-chart-legend { + flex-direction: column } -.mud-button-group-root .mud-button-root.mud-icon-button { - padding-right: 12px; - padding-left: 12px; -} - - .mud-button-group-root .mud-button-root.mud-icon-button .mud-icon-root { - font-size: 1.516rem; + .mud-chart .mud-chart-donut, .mud-chart .mud-chart-pie, .mud-chart mud-chart-line { + display: flex; + margin: auto } - .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:after { - transform: scale(10,10); + .mud-chart .mud-chart-legend { + display: flex; + padding: 10px 0px; + margin: auto; + flex-wrap: wrap } - .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:active:after { - transform: scale(0,0); - opacity: .1; - transition: 0s; - } + .mud-chart .mud-chart-legend .mud-chart-legend-item { + display: block; + margin: 2px 5px + } -.mud-icon-button { - flex: 0 0 auto; - padding: 12px; - overflow: visible; - font-size: 1.5rem; - text-align: center; - transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; - border-radius: 50%; - color: var(--mud-palette-action-default); -} + .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-marker { + height: 12px; + width: 12px; + border-radius: 50%; + position: relative; + display: inline-flex + } - .mud-icon-button.mud-button { - min-width: unset; - border-radius: var(--mud-default-borderradius); - } + .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-text { + display: inline-flex + } - .mud-icon-button:hover, .mud-icon-button:focus-visible { - background-color: var(--mud-palette-action-default-hover); - } + .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-checkbox { + display: flex; + align-items: center + } - .mud-icon-button:disabled { - color: var(--mud-palette-action-disabled); - background-color: transparent; - } + .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-input-control { + width: 35px !important + } - .mud-icon-button.mud-readonly, .mud-icon-button .mud-readonly:hover { - cursor: default; - } +.mud-charts-yaxis { + fill: var(--mud-palette-text-primary) +} -.mud-icon-button-color-inherit { - color: inherit; +.mud-charts-xaxis { + fill: var(--mud-palette-text-primary) } - .mud-icon-button-color-inherit:hover, .mud-icon-button-color-inherit:focus-visible { - background-color: var(--mud-palette-action-default-hover); - } +.mud-chart-donut .mud-donut-hole { + fill: rgba(0,0,0,0); + user-select: none; + pointer-events: unset +} -.mud-icon-button-label { - width: 100%; - display: flex; - align-items: inherit; - justify-content: inherit; +.mud-chart-donut .mud-donut-ring { + fill: rgba(0,0,0,0); + stroke-width: 5; + stroke: #fff; + pointer-events: unset } -.mud-icon-button-edge-start { - margin-left: -12px; - margin-inline-start: -12px; - margin-inline-end: unset; +.mud-chart-donut .mud-donut-segment { + stroke-width: 5; + fill: rgba(0,0,0,0); + pointer-events: stroke; + -webkit-transition: stroke .2s ease; + -moz-transition: stroke .2s ease; + -o-transition: stroke .2s ease; + transition: stroke .2s ease } -.mud-icon-button-edge-end { - margin-right: -12px; - margin-inline-end: -12px; - margin-inline-start: unset; +.mud-chart-legend-marker { + height: 12px; + width: 12px; + border-radius: 50%; + position: relative; + display: inline-block } -.mud-icon-button-edge-margin-end { - margin-right: 8px; - margin-inline-end: 8px; - margin-inline-start: unset; +.mud-chart-marker-color-0 { + background-color: #008ffb } -.mud-icon-button-size-small { - padding: 3px; - font-size: 1.125rem; +.mud-chart-marker-color-1 { + background-color: #00e396 } - .mud-icon-button-size-small.mud-icon-button-edge-start { - margin-left: -3px; - margin-inline-start: -3px; - margin-inline-end: unset; - } +.mud-chart-marker-color-2 { + background-color: #feb019 +} - .mud-icon-button-size-small.mud-icon-button-edge-end { - margin-right: -3px; - margin-inline-end: -3px; - margin-inline-start: unset; - } +.mud-chart-marker-color-3 { + background-color: #ff4560 +} -.mud-icon-button-size-large.mud-button > .mud-icon-button-label > .mud-icon-size-large { - font-size: 2rem; +.mud-chart-marker-color-4 { + background-color: #594ae2 } -.mud-card-header { - display: flex; - padding: 16px; +.mud-checkbox { + cursor: pointer; + display: inline-flex; align-items: center; - border-top-left-radius: inherit; - border-top-right-radius: inherit; + vertical-align: middle; + -webkit-tap-highlight-color: rgba(0,0,0,0) } - .mud-card-header .mud-card-header-avatar { - flex: 0 0 auto; - margin-right: 16px; - margin-inline-end: 16px; - margin-inline-start: unset; - } - - .mud-card-header .mud-card-header-content { - flex: 1 1 auto; + .mud-checkbox.mud-disabled, .mud-checkbox .mud-disabled:hover, .mud-checkbox .mud-disabled:focus-visible { + cursor: default; + background-color: rgba(0,0,0,0) !important } - .mud-card-header .mud-card-header-content .mud-typography { - margin-bottom: 0; + .mud-checkbox.mud-disabled *, .mud-checkbox .mud-disabled:hover *, .mud-checkbox .mud-disabled:focus-visible * { + cursor: default; + color: var(--mud-palette-text-disabled) } - .mud-card-header .mud-card-header-actions { - flex: 0 0 auto; - align-self: flex-start; - margin-top: -8px; - margin-right: -8px; - margin-inline-end: -8px; - margin-inline-start: unset; + .mud-checkbox.mud-readonly, .mud-checkbox .mud-readonly:hover { + cursor: default } -.mud-card-media { - display: block; - background-size: cover; - background-repeat: no-repeat; - background-position: center; - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} + .mud-checkbox .mud-checkbox-dense { + padding: 4px + } -.mud-card-header + .mud-card-media { - border-top-left-radius: 0; - border-top-right-radius: 0; +.mud-checkbox-input { + top: 0; + left: 0; + width: 100%; + cursor: inherit; + height: 100%; + margin: 0; + opacity: 0; + padding: 0; + z-index: 1; + position: absolute } -.mud-card-content { - padding: 16px; +.mud-checkbox-span { + display: inline-block; + width: 100%; + cursor: pointer } -.mud-card-actions { - display: flex; - padding: 8px; - align-items: center; +.mud-chart-legend-checkbox .mud-checkbox svg path:last-child { + fill: var(--checkbox-color) !important } -.mud-carousel { - display: flex !important; +.mud-chip { + border: none; + cursor: default; + display: inline-flex; + max-width: 100%; + outline: 0; + padding: 0 12px; position: relative; - margin: 0 !important; - clip-path: inset(0 0 0 0); - overflow: hidden; + box-sizing: border-box; + transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + align-items: center; + white-space: nowrap; + vertical-align: middle; + justify-content: center; + text-decoration: none; + line-height: normal; + margin: 4px } - .mud-carousel.mud-carousel-primary { - color: var(--mud-palette-primary-text); + .mud-chip.mud-disabled { + opacity: .5; + pointer-events: none } - .mud-carousel.mud-carousel-secondary { - color: var(--mud-palette-secondary-text); + .mud-chip.mud-chip-size-small { + border-radius: 12px; + font-size: 12px; + height: 24px; + padding: 0 8px } - .mud-carousel.mud-carousel-tertiary { - color: var(--mud-palette-tertiary-text); + .mud-chip.mud-chip-size-small .mud-avatar { + margin-left: -4px; + margin-right: 4px; + margin-inline-start: -4px; + margin-inline-end: 4px; + width: 18px; + height: 18px; + font-size: .625rem + } + + .mud-chip.mud-chip-size-small .mud-icon-root { + font-size: 1.125rem + } + + .mud-chip.mud-chip-size-small .mud-chip-close-button { + margin-right: -4px; + margin-left: 4px; + margin-inline-end: -4px; + margin-inline-start: 4px + } + + .mud-chip.mud-chip-size-medium { + height: 32px; + font-size: 14px; + border-radius: 16px } - .mud-carousel.mud-carousel-info { - color: var(--mud-palette-info-text); + .mud-chip.mud-chip-size-medium .mud-avatar { + margin-left: -8px; + margin-right: 8px; + margin-inline-start: -8px; + margin-inline-end: 8px; + width: 24px; + height: 24px; + font-size: .75rem + } + + .mud-chip.mud-chip-size-large { + height: 40px; + font-size: 16px; + border-radius: 20px; + padding: 0 16px } - .mud-carousel.mud-carousel-success { - color: var(--mud-palette-success-text); + .mud-chip.mud-chip-size-large .mud-avatar { + margin-left: -12px; + margin-right: 8px; + margin-inline-start: -12px; + margin-inline-end: 8px; + width: 32px; + height: 32px; + font-size: 1rem + } + + .mud-chip.mud-chip-size-large .mud-chip-icon { + font-size: 1.5rem; + margin-left: -6px; + margin-right: 6px; + margin-inline-start: -6px; + margin-inline-end: 6px + } + + .mud-chip.mud-chip-label { + border-radius: var(--mud-default-borderradius) } - .mud-carousel.mud-carousel-warning { - color: var(--mud-palette-warning-text); + .mud-chip.mud-clickable { + cursor: pointer } - .mud-carousel.mud-carousel-error { - color: var(--mud-palette-error-text); + .mud-chip .mud-chip-icon { + margin-left: -4px; + margin-right: 4px; + margin-inline-start: -4px; + margin-inline-end: 4px; + color: inherit } - .mud-carousel.mud-carousel-dark { - color: var(--mud-palette-dark-text); + .mud-chip .mud-chip-close-button { + padding: 1px; + margin-right: -4px; + margin-left: 6px; + margin-inline-end: -4px; + margin-inline-start: 6px; + height: 18px; + width: 18px; + color: inherit; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1),visibility 0s } -.mud-carousel-elements-rtl { - transform: rotate(180deg) !important; -} + .mud-chip .mud-chip-close-button .mud-icon-size-small { + font-size: 1.15rem + } -.mud-carousel-item { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - margin: inherit; - padding: inherit; - z-index: 2; + .mud-chip .mud-chip-close-button:hover { + opacity: .7 + } + + .mud-chip > .mud-chip-content { + align-items: center; + display: inline-flex; + height: 100%; + max-width: 100%; + user-select: none + } + +.mud-chip-filled { + color: var(--mud-palette-text-primary); + background-color: var(--mud-palette-chip-default) } - .mud-carousel-item.mud-carousel-item-primary { + .mud-chip-filled:hover:not(.mud-disabled), .mud-chip-filled:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-chip-default-hover) + } + + .mud-chip-filled.mud-chip-color-primary { color: var(--mud-palette-primary-text); - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } - .mud-carousel-item.mud-carousel-item-secondary { + .mud-chip-filled.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-primary:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-primary-darken) + } + + .mud-chip-filled.mud-chip-color-secondary { color: var(--mud-palette-secondary-text); - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } - .mud-carousel-item.mud-carousel-item-tertiary { + .mud-chip-filled.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-secondary:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-secondary-darken) + } + + .mud-chip-filled.mud-chip-color-tertiary { color: var(--mud-palette-tertiary-text); - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } - .mud-carousel-item.mud-carousel-item-info { + .mud-chip-filled.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-tertiary-darken) + } + + .mud-chip-filled.mud-chip-color-info { color: var(--mud-palette-info-text); - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } - .mud-carousel-item.mud-carousel-item-success { + .mud-chip-filled.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-info:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-info-darken) + } + + .mud-chip-filled.mud-chip-color-success { color: var(--mud-palette-success-text); - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } - .mud-carousel-item.mud-carousel-item-warning { + .mud-chip-filled.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-success:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-success-darken) + } + + .mud-chip-filled.mud-chip-color-warning { color: var(--mud-palette-warning-text); - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } - .mud-carousel-item.mud-carousel-item-error { + .mud-chip-filled.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-warning:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-warning-darken) + } + + .mud-chip-filled.mud-chip-color-error { color: var(--mud-palette-error-text); - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } - .mud-carousel-item.mud-carousel-item-dark { + .mud-chip-filled.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-error:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-error-darken) + } + + .mud-chip-filled.mud-chip-color-dark { color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } -.mud-carousel-item-exit { - z-index: 1; -} - -@keyframes mud-carousel-transition-fade-in-keyframe { - from { - opacity: 0; - } + .mud-chip-filled.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-dark:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-dark-darken) + } - to { - opacity: 1; - } +.mud-chip-outlined { + color: var(--mud-palette-text-primary); + border: 1px solid var(--mud-palette-lines-inputs) } -@keyframes mud-carousel-transition-fade-out-keyframe { - from { - opacity: 1; + .mud-chip-outlined:hover:not(.mud-disabled), .mud-chip-outlined:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-action-default-hover) } - to { - opacity: 0; + .mud-chip-outlined.mud-chip-color-primary { + color: var(--mud-palette-primary); + border: 1px solid var(--mud-palette-primary) } -} -.mud-carousel-transition-fade-in { - animation: .5s mud-carousel-transition-fade-in-keyframe; -} + .mud-chip-outlined.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-primary-hover) + } -.mud-carousel-transition-fade-out { - animation: .5s mud-carousel-transition-fade-out-keyframe; - animation-fill-mode: forwards; -} + .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected { + background-color: var(--mud-palette-primary-hover) + } -.mud-carousel-transition-none { - display: none; -} + .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-primary-rgb), 0.12) + } -@keyframes mud-carousel-transition-slide-next-enter-keyframe { - from { - transform: translate3d(100%,0,0); - visibility: visible; + .mud-chip-outlined.mud-chip-color-secondary { + color: var(--mud-palette-secondary); + border: 1px solid var(--mud-palette-secondary) } - to { - transform: translate3d(0,0,0); - } -} + .mud-chip-outlined.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-secondary-hover) + } -@keyframes mud-carousel-transition-slide-next-rtl-enter-keyframe { - from { - transform: translate3d(-100%,0,0); - visibility: visible; - } + .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected { + background-color: var(--mud-palette-secondary-hover) + } - to { - transform: translate3d(0,0,0); - } -} + .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-secondary-rgb), 0.12) + } -@keyframes mud-carousel-transition-slide-next-exit-keyframe { - from { - transform: translate3d(0,0,0); - visibility: visible; + .mud-chip-outlined.mud-chip-color-tertiary { + color: var(--mud-palette-tertiary); + border: 1px solid var(--mud-palette-tertiary) } - to { - transform: translate3d(-100%,0,0); - } -} + .mud-chip-outlined.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-tertiary-hover) + } -@keyframes mud-carousel-transition-slide-next-rtl-exit-keyframe { - from { - transform: translate3d(0,0,0); - visibility: visible; - } + .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected { + background-color: var(--mud-palette-tertiary-hover) + } - to { - transform: translate3d(100%,0,0); - } -} + .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12) + } -.mud-carousel-transition-slide-next-enter { - animation: .5s mud-carousel-transition-slide-next-enter-keyframe; -} + .mud-chip-outlined.mud-chip-color-info { + color: var(--mud-palette-info); + border: 1px solid var(--mud-palette-info) + } -.mud-carousel-transition-slide-next-rtl-enter { - animation: .5s mud-carousel-transition-slide-next-rtl-enter-keyframe; -} + .mud-chip-outlined.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-info-hover) + } -.mud-carousel-transition-slide-next-exit { - animation: .5s mud-carousel-transition-slide-next-exit-keyframe; - animation-fill-mode: forwards; -} + .mud-chip-outlined.mud-chip-color-info.mud-chip-selected { + background-color: var(--mud-palette-info-hover) + } -.mud-carousel-transition-slide-next-rtl-exit { - animation: .5s mud-carousel-transition-slide-next-rtl-exit-keyframe; - animation-fill-mode: forwards; -} + .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-info-rgb), 0.12) + } -@keyframes mud-carousel-transition-slide-prev-enter-keyframe { - from { - transform: translate3d(-100%,0,0); - visibility: visible; + .mud-chip-outlined.mud-chip-color-success { + color: var(--mud-palette-success); + border: 1px solid var(--mud-palette-success) } - to { - transform: translate3d(0,0,0); - } -} + .mud-chip-outlined.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-success-hover) + } -@keyframes mud-carousel-transition-slide-prev-rtl-enter-keyframe { - from { - transform: translate3d(100%,0,0); - visibility: visible; - } + .mud-chip-outlined.mud-chip-color-success.mud-chip-selected { + background-color: var(--mud-palette-success-hover) + } - to { - transform: translate3d(0,0,0); - } -} + .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-success-rgb), 0.12) + } -@keyframes mud-carousel-transition-slide-prev-exit-keyframe { - from { - transform: translate3d(0,0,0); - visibility: visible; + .mud-chip-outlined.mud-chip-color-warning { + color: var(--mud-palette-warning); + border: 1px solid var(--mud-palette-warning) } - to { - transform: translate3d(100%,0,0); - } -} + .mud-chip-outlined.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-warning-hover) + } -@keyframes mud-carousel-transition-slide-prev-rtl-exit-keyframe { - from { - transform: translate3d(0,0,0); - visibility: visible; + .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected { + background-color: var(--mud-palette-warning-hover) + } + + .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-warning-rgb), 0.12) + } + + .mud-chip-outlined.mud-chip-color-error { + color: var(--mud-palette-error); + border: 1px solid var(--mud-palette-error) } - to { - transform: translate3d(-100%,0,0); + .mud-chip-outlined.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-error-hover) + } + + .mud-chip-outlined.mud-chip-color-error.mud-chip-selected { + background-color: var(--mud-palette-error-hover) + } + + .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-error-rgb), 0.12) + } + + .mud-chip-outlined.mud-chip-color-dark { + color: var(--mud-palette-dark); + border: 1px solid var(--mud-palette-dark) } -} -.mud-carousel-transition-slide-prev-enter { - animation: .5s mud-carousel-transition-slide-prev-enter-keyframe; -} + .mud-chip-outlined.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-dark-hover) + } -.mud-carousel-transition-slide-prev-rtl-enter { - animation: .5s mud-carousel-transition-slide-prev-rtl-enter-keyframe; -} + .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected { + background-color: var(--mud-palette-dark-hover) + } -.mud-carousel-transition-slide-prev-exit { - animation: .5s mud-carousel-transition-slide-prev-exit-keyframe; - animation-fill-mode: forwards; -} + .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-dark-rgb), 0.12) + } -.mud-carousel-transition-slide-prev-rtl-exit { - animation: .5s mud-carousel-transition-slide-prev-rtl-exit-keyframe; - animation-fill-mode: forwards; +.mud-chip-text { + color: var(--mud-palette-text-primary); + background-color: var(--mud-palette-chip-default) } -.mud-chart { - display: flex; -} + .mud-chip-text:hover:not(.mud-disabled), .mud-chip-text:focus-visible:not(.mud-disabled) { + background-color: var(--mud-palette-chip-default-hover) + } - .mud-chart.mud-chart-legend-bottom { - flex-direction: column; + .mud-chip-text.mud-chip-color-primary { + color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary-hover) } - .mud-chart.mud-chart-legend-bottom .mud-chart-legend { - margin-top: 10px; - justify-content: center; - width: 100%; + .mud-chip-text.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-primary:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-primary-rgb), 0.12) } - .mud-chart.mud-chart-legend-top { - flex-direction: column-reverse; + .mud-chip-text.mud-chip-color-secondary { + color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary-hover) } - .mud-chart.mud-chart-legend-top .mud-chart-legend { - justify-content: center; - width: 100%; + .mud-chip-text.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-secondary:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-secondary-rgb), 0.12) } - .mud-chart.mud-chart-legend-right { - flex-direction: row; + .mud-chip-text.mud-chip-color-tertiary { + color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary-hover) } - .mud-chart.mud-chart-legend-right .mud-chart-legend { - flex-direction: column; + .mud-chip-text.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12) } - .mud-chart.mud-chart-legend-left { - flex-direction: row-reverse; + .mud-chip-text.mud-chip-color-info { + color: var(--mud-palette-info); + background-color: var(--mud-palette-info-hover) } - .mud-chart.mud-chart-legend-left .mud-chart-legend { - flex-direction: column; + .mud-chip-text.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-info:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-info-rgb), 0.12) } - .mud-chart .mud-chart-donut, .mud-chart .mud-chart-pie, .mud-chart mud-chart-line { - display: flex; - margin: auto; + .mud-chip-text.mud-chip-color-success { + color: var(--mud-palette-success); + background-color: var(--mud-palette-success-hover) } - .mud-chart .mud-chart-legend { - display: flex; - padding: 10px 0; - margin: auto; - flex-wrap: wrap; + .mud-chip-text.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-success:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-success-rgb), 0.12) + } + + .mud-chip-text.mud-chip-color-warning { + color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning-hover) } - .mud-chart .mud-chart-legend .mud-chart-legend-item { - display: block; - margin: 2px 5px; + .mud-chip-text.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-warning:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-warning-rgb), 0.12) } - .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-marker { - height: 12px; - width: 12px; - border-radius: 50%; - position: relative; - display: inline-flex; - } + .mud-chip-text.mud-chip-color-error { + color: var(--mud-palette-error); + background-color: var(--mud-palette-error-hover) + } - .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-text { - display: inline-flex; - } + .mud-chip-text.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-error:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-error-rgb), 0.12) + } -.mud-charts-yaxis { - fill: var(--mud-palette-text-primary); + .mud-chip-text.mud-chip-color-dark { + color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark-hover) + } + + .mud-chip-text.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-dark:focus-visible:not(.mud-disabled) { + background-color: rgba(var(--mud-palette-dark-rgb), 0.12) + } + +.mud-collapse-container { + height: 0px; + overflow: hidden } -.mud-charts-xaxis { - fill: var(--mud-palette-text-primary); +@keyframes mud-expand-anim { + from { + height: 0 + } } -.mud-chart-donut .mud-donut-hole { - fill: transparent; - user-select: none; - pointer-events: unset; +.mud-collapse-entering { + animation: mud-expand-anim 1s ease-in-out 0ms 1 forwards } -.mud-chart-donut .mud-donut-ring { - fill: transparent; - stroke-width: 5; - stroke: white; - pointer-events: unset; + .mud-collapse-entering.mud-navgroup-collapse { + animation-duration: 300ms !important + } + +.mud-collapse-entered { + overflow: initial } -.mud-chart-donut .mud-donut-segment { - stroke-width: 5; - fill: transparent; - pointer-events: stroke; - -webkit-transition: stroke .2s ease; - -moz-transition: stroke .2s ease; - -o-transition: stroke .2s ease; - transition: stroke .2s ease; +@keyframes mud-collapse-anim { + to { + height: 0 + } } -.mud-chart-legend-marker { - height: 12px; - width: 12px; - border-radius: 50%; - position: relative; - display: inline-block; +.mud-collapse-exiting { + animation: mud-collapse-anim .5s cubic-bezier(0, 1, 0, 1) 0ms 1 forwards } -.mud-chart-marker-color-0 { - background-color: #008ffb; + .mud-collapse-exiting.mud-navgroup-collapse { + animation-duration: 300ms + } + +.mud-collapse-hidden { + visibility: hidden } -.mud-chart-marker-color-1 { - background-color: #00e396; +.mud-collapse-wrapper { + display: flex } -.mud-chart-marker-color-2 { - background-color: #feb019; +.mud-collapse-wrapper-inner { + width: 100% } -.mud-chart-marker-color-3 { - background-color: #ff4560; +.mud-data-grid th { + position: relative } -.mud-chart-marker-color-4 { - background-color: #594ae2; +.mud-data-grid .drop-allowed { + color: var(--mud-palette-success) } -.mud-checkbox { - cursor: pointer; - display: inline-flex; - align-items: center; - vertical-align: middle; - -webkit-tap-highlight-color: transparent; +.mud-data-grid .drop-not-allowed { + color: var(--mud-palette-error) } - .mud-checkbox.mud-disabled, .mud-checkbox .mud-disabled:hover, .mud-checkbox .mud-disabled:focus-visible { - cursor: default; - background-color: transparent !important; - } +.mud-data-grid .drag-icon-options { + transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + opacity: 0; + cursor: grab +} - .mud-checkbox.mud-disabled *, .mud-checkbox .mud-disabled:hover *, .mud-checkbox .mud-disabled:focus-visible * { - cursor: default; - color: var(--mud-palette-text-disabled); - } +.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input-control { + margin: 0 !important +} - .mud-checkbox.mud-readonly, .mud-checkbox .mud-readonly:hover { - cursor: default; - } +.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input { + font-size: inherit +} - .mud-checkbox .mud-checkbox-dense { - padding: 4px; + .mud-data-grid .mud-table-cell.edit-mode-cell .mud-input:before { + content: none } -.mud-checkbox-input { - top: 0; - left: 0; - width: 100%; - cursor: inherit; - height: 100%; - margin: 0; - opacity: 0; - padding: 0; - z-index: 1; - position: absolute; +.mud-data-grid .mud-table-cell.edit-mode-cell .mud-inputafter { + content: none } -.mud-checkbox-span { - display: inline-block; - width: 100%; - cursor: pointer; +.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input .mud-input-outlined-border { + border: none } -.mud-chip { - border: none; - cursor: default; - display: inline-flex; - max-width: 100%; - outline: 0; - padding: 0 12px; - position: relative; - box-sizing: border-box; - transition: background-color 300ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms; +.mud-data-grid .mud-table-cell.filter-header-cell { + padding: 6px 24px 6px 16px; + padding-inline-start: 16px; + padding-inline-end: 24px +} + +.mud-data-grid .mud-table-cell.sticky-left { + left: 0px; + position: sticky; + background-color: var(--mud-palette-background-grey); + z-index: 1 +} + +.mud-data-grid .mud-table-cell.sticky-right { + right: 0px; + position: sticky; + background-color: var(--mud-palette-background-grey); + z-index: 1 +} + +.mud-data-grid .mud-table-cell .mud-input-text { + margin-top: 0 !important +} + +.mud-data-grid .mud-table-cell .column-header { + display: flex; align-items: center; - white-space: nowrap; - vertical-align: middle; - justify-content: center; - text-decoration: none; - line-height: normal; - margin: 4px; + justify-content: space-between } - .mud-chip.mud-disabled { - opacity: .5; - pointer-events: none; + .mud-data-grid .mud-table-cell .column-header .sortable-column-header { + width: 100% } - .mud-chip.mud-chip-size-small { - border-radius: 12px; - font-size: 12px; - height: 24px; + .mud-data-grid .mud-table-cell .column-header:hover .column-options .sort-direction-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .column-options-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .drag-icon-options { + opacity: .8; + color: var(--mud-palette-action-default) } - .mud-chip.mud-chip-size-medium { - height: 32px; - font-size: 14px; - border-radius: 16px; + .mud-data-grid .mud-table-cell .column-header:hover .column-options .mud-menu .mud-icon-button-label { + opacity: 1; + color: var(--mud-palette-action-default) } - .mud-chip.mud-chip-size-large { - height: 40px; - font-size: 16px; - border-radius: 20px; + .mud-data-grid .mud-table-cell .column-header .column-options { + display: inline-flex; + align-items: center; + flex-direction: inherit; + justify-content: flex-start } - .mud-chip.mud-chip-label { - border-radius: var(--mud-default-borderradius); + .mud-data-grid .mud-table-cell .column-header .sort-direction-icon { + font-size: 18px; + margin-left: 4px; + margin-left: 4px; + margin-inline-start: 4px; + margin-inline-end: unset; + user-select: none; + transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + opacity: 0 } - .mud-chip.mud-clickable { - cursor: pointer; - } - - .mud-chip .mud-chip-icon { - margin-left: -4px; - margin-right: 4px; - margin-inline-start: -4px; - margin-inline-end: 4px; - color: inherit; - } - - .mud-chip .mud-chip-close-button { - padding: 1px; - margin-right: -4px; - margin-left: 6px; - margin-inline-end: -4px; - margin-inline-start: 6px; - height: 18px; - width: 18px; - color: inherit; - transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; - } - - .mud-chip .mud-chip-close-button .mud-icon-size-small { - font-size: 1.15rem; + .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-desc { + opacity: 1; + transform: rotate(180deg) } - .mud-chip .mud-chip-close-button:hover { - opacity: .7; + .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc { + opacity: 1; + transform: rotate(0deg) } - .mud-chip > .mud-chip-content { - align-items: center; - display: inline-flex; - height: 100%; - max-width: 100%; + .mud-data-grid .mud-table-cell .column-header .mud-sort-index { + transform: scale(0.9) translate(-2px, -2px) + } + + .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label { user-select: none; + transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + opacity: 0 } -.mud-chip-filled { - color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-action-disabled-background); +.mud-data-grid .mud-table-cell .mud-resizer { + position: absolute; + top: 0; + right: 0; + width: 8px; + cursor: col-resize; + user-select: none } - .mud-chip-filled:hover:not(.mud-disabled), .mud-chip-filled:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-action-disabled); + .mud-data-grid .mud-table-cell .mud-resizer:hover, .mud-data-grid .mud-table-cell .mud-resizing { + border-right: 2px solid var(--mud-palette-primary) } - .mud-chip-filled.mud-chip-color-primary { - color: var(--mud-palette-primary-text); - background-color: var(--mud-palette-primary); - } +.mud-data-grid-columns-panel:hover .column-options .sort-direction-icon, .mud-data-grid-columns-panel:hover .column-options .column-options-icon, .mud-data-grid-columns-panel:hover .column-options .drag-icon-options { + opacity: .8; + color: var(--mud-palette-action-default) +} - .mud-chip-filled.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-primary:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-primary-darken); - } +.mud-data-grid-columns-panel:hover .column-options .mud-menu .mud-icon-button-label { + opacity: 1; + color: var(--mud-palette-action-default) +} - .mud-chip-filled.mud-chip-color-secondary { - color: var(--mud-palette-secondary-text); - background-color: var(--mud-palette-secondary); - } +.mud-data-grid-columns-panel .sort-direction-icon { + font-size: 18px; + margin-left: 4px; + margin-left: 4px; + margin-inline-start: 4px; + margin-inline-end: unset; + user-select: none; + transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms +} - .mud-chip-filled.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-secondary:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-secondary-darken); - } + .mud-data-grid-columns-panel .sort-direction-icon.mud-direction-desc { + opacity: 1; + transform: rotate(180deg) + } - .mud-chip-filled.mud-chip-color-tertiary { - color: var(--mud-palette-tertiary-text); - background-color: var(--mud-palette-tertiary); + .mud-data-grid-columns-panel .sort-direction-icon.mud-direction-asc { + opacity: 1; + transform: rotate(0deg) } - .mud-chip-filled.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-tertiary-darken); - } +.mud-data-grid-columns-panel .mud-sort-index { + transform: scale(0.9) translate(-2px, -2px) +} - .mud-chip-filled.mud-chip-color-info { - color: var(--mud-palette-info-text); - background-color: var(--mud-palette-info); - } +.mud-data-grid-columns-panel .drag-icon-options { + transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + opacity: 1; + cursor: grab +} - .mud-chip-filled.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-info:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-info-darken); - } +.mud-data-grid-columns-panel .mud-drop-item-preview-start { + z-index: 0 +} - .mud-chip-filled.mud-chip-color-success { - color: var(--mud-palette-success-text); - background-color: var(--mud-palette-success); +.mud-dialog-container { + display: flex; + position: fixed; + top: 0; + width: 100%; + height: 100%; + z-index: var(--mud-zindex-dialog) +} + + .mud-dialog-container.mud-dialog-center { + align-items: center; + justify-content: center } - .mud-chip-filled.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-success:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-success-darken); - } + .mud-dialog-container.mud-dialog-topcenter { + align-items: flex-start; + justify-content: center; + padding-top: 32px + } - .mud-chip-filled.mud-chip-color-warning { - color: var(--mud-palette-warning-text); - background-color: var(--mud-palette-warning); + .mud-dialog-container.mud-dialog-bottomcenter { + align-items: flex-end; + justify-content: center; + padding-bottom: 32px } - .mud-chip-filled.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-warning:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-warning-darken); - } + .mud-dialog-container.mud-dialog-centerright { + align-items: center; + justify-content: flex-end; + padding-right: 32px + } - .mud-chip-filled.mud-chip-color-error { - color: var(--mud-palette-error-text); - background-color: var(--mud-palette-error); + .mud-dialog-container.mud-dialog-centerleft { + align-items: center; + justify-content: flex-start; + padding-left: 32px } - .mud-chip-filled.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-error:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-error-darken); - } + .mud-dialog-container.mud-dialog-topleft .mud-dialog { + position: absolute; + top: 32px; + left: 32px + } - .mud-chip-filled.mud-chip-color-dark { - color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-dark); + .mud-dialog-container.mud-dialog-topright .mud-dialog { + position: absolute; + top: 32px; + right: 32px } - .mud-chip-filled.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-dark:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-dark-darken); - } + .mud-dialog-container.mud-dialog-bottomleft .mud-dialog { + position: absolute; + bottom: 32px; + left: 32px + } -.mud-chip-outlined { + .mud-dialog-container.mud-dialog-bottomright .mud-dialog { + position: absolute; + bottom: 32px; + right: 32px + } + +.mud-dialog { + display: flex; + z-index: calc(var(--mud-zindex-dialog) + 2); + flex-direction: column; color: var(--mud-palette-text-primary); - border: 1px solid var(--mud-palette-lines-inputs); + background-color: var(--mud-palette-surface); + border-radius: var(--mud-default-borderradius); + -webkit-animation: mud-open-dialog-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both; + animation: mud-open-dialog-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both; + box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12); + max-height: calc(100vh - var(--mud-appbar-height)); + overflow-y: auto } - .mud-chip-outlined:hover:not(.mud-disabled), .mud-chip-outlined:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-action-default-hover); + .mud-dialog.mud-dialog-rtl .mud-dialog-title .mud-button-close { + right: unset; + left: 8px } - .mud-chip-outlined.mud-chip-color-primary { - color: var(--mud-palette-primary); - border: 1px solid var(--mud-palette-primary); + .mud-dialog .mud-dialog-title { + z-index: 1; + flex: 0 0 auto; + margin: 0; + padding: 16px 24px; + border-top-left-radius: var(--mud-default-borderradius); + border-top-right-radius: var(--mud-default-borderradius) } - .mud-chip-outlined.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-primary-hover); + .mud-dialog .mud-dialog-title + * > .mud-dialog-content { + border-radius: 0 } - .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected { - background-color: var(--mud-palette-primary-hover); + .mud-dialog .mud-dialog-title .mud-button-close { + top: 8px; + right: 8px; + position: absolute } - .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-primary-rgb),.12); - } - - .mud-chip-outlined.mud-chip-color-secondary { - color: var(--mud-palette-secondary); - border: 1px solid var(--mud-palette-secondary); + .mud-dialog .mud-dialog-content { + position: relative; + flex: 1 1 auto; + padding: 8px 24px; + -webkit-overflow-scrolling: touch; + border-top-left-radius: var(--mud-default-borderradius); + border-top-right-radius: var(--mud-default-borderradius) } - .mud-chip-outlined.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-secondary-hover); - } - - .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected { - background-color: var(--mud-palette-secondary-hover); + .mud-dialog .mud-dialog-content.mud-dialog-no-side-padding { + padding: 12px 0px } - .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-secondary-rgb),.12); - } - - .mud-chip-outlined.mud-chip-color-tertiary { - color: var(--mud-palette-tertiary); - border: 1px solid var(--mud-palette-tertiary); + .mud-dialog .mud-dialog-actions { + flex: 0 0 auto; + display: flex; + padding: 8px; + align-items: center; + justify-content: flex-end; + border-bottom-left-radius: var(--mud-default-borderradius); + border-bottom-right-radius: var(--mud-default-borderradius) } - .mud-chip-outlined.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-tertiary-hover); - } - - .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected { - background-color: var(--mud-palette-tertiary-hover); + .mud-dialog .mud-dialog-actions > :not(:first-child) { + margin-left: 8px; + margin-inline-start: 8px; + margin-inline-end: unset } - .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-tertiary-rgb),.12); - } +.mud-dialog-width-false { + max-width: calc(100% - 64px) +} - .mud-chip-outlined.mud-chip-color-info { - color: var(--mud-palette-info); - border: 1px solid var(--mud-palette-info); - } +.mud-dialog-width-xs { + max-width: 444px +} - .mud-chip-outlined.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-info-hover); - } +.mud-dialog-width-sm { + max-width: 600px +} - .mud-chip-outlined.mud-chip-color-info.mud-chip-selected { - background-color: var(--mud-palette-info-hover); - } +.mud-dialog-width-md { + max-width: 960px +} - .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-info-rgb),.12); - } +.mud-dialog-width-lg { + max-width: 1280px +} - .mud-chip-outlined.mud-chip-color-success { - color: var(--mud-palette-success); - border: 1px solid var(--mud-palette-success); - } +.mud-dialog-width-xl { + max-width: 1920px +} - .mud-chip-outlined.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-success-hover); - } +.mud-dialog-width-xxl { + max-width: 2560px +} - .mud-chip-outlined.mud-chip-color-success.mud-chip-selected { - background-color: var(--mud-palette-success-hover); - } +.mud-dialog-width-full { + width: calc(100% - 64px) +} - .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-success-rgb),.12); - } +.mud-dialog-fullscreen { + width: 100%; + height: 100%; + margin: 0; + max-width: 100%; + max-height: none; + border-radius: 0; + overflow-y: hidden +} - .mud-chip-outlined.mud-chip-color-warning { - color: var(--mud-palette-warning); - border: 1px solid var(--mud-palette-warning); +@-webkit-keyframes mud-open-dialog-center { + 0% { + opacity: 0 } - .mud-chip-outlined.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-warning-hover); - } + 1% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + opacity: 1 + } - .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected { - background-color: var(--mud-palette-warning-hover); - } + 100% { + -webkit-transform: scale(1); + transform: scale(1) + } +} - .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-warning-rgb),.12); - } +@keyframes mud-open-dialog-center { + 0% { + opacity: 0 + } - .mud-chip-outlined.mud-chip-color-error { - color: var(--mud-palette-error); - border: 1px solid var(--mud-palette-error); + 1% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + opacity: 1 } - .mud-chip-outlined.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-error-hover); - } + 100% { + -webkit-transform: scale(1); + transform: scale(1) + } +} - .mud-chip-outlined.mud-chip-color-error.mud-chip-selected { - background-color: var(--mud-palette-error-hover); - } +.mud-divider { + margin: 0; + flex-shrink: 0; + border-color: var(--mud-palette-divider); + border-width: 1px; + border-style: solid none none none +} - .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-error-rgb),.12); - } +.mud-divider-absolute { + left: 0; + width: 100%; + bottom: 0; + position: absolute +} - .mud-chip-outlined.mud-chip-color-dark { - color: var(--mud-palette-dark); - border: 1px solid var(--mud-palette-dark); +.mud-divider-inset { + margin-left: 72px; + margin-inline-start: 72px; + margin-inline-end: unset +} + +.mud-divider-light { + border-color: var(--mud-palette-divider-light) +} + +.mud-divider-middle { + margin-left: 16px; + margin-right: 16px +} + +.mud-divider-vertical { + border-style: none solid none none; + height: 100% +} + +.mud-divider-flexitem { + height: auto; + align-self: stretch +} + +.mud-divider-fullwidth { + flex-grow: 1; + width: 100% +} + +.mud-drop-zone { + position: relative; + transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms +} + +.mud-drop-zone-drag-block > * { + pointer-events: none +} + +.mud-drop-zone-can-drop { + background-color: var(--mud-palette-success-hover) +} + +.mud-drop-zone-no-drop { + background-color: var(--mud-palette-error-hover) +} + +.mud-drop-item:not(.mud-drop-item-preview-start) { + cursor: grab; + user-select: none +} + + .mud-drop-item:not(.mud-drop-item-preview-start):active { + cursor: grabbing } - .mud-chip-outlined.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-dark-hover); - } +.mud-drop-item-preview-start { + height: 20px; + width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 1 +} - .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected { - background-color: var(--mud-palette-dark-hover); - } +.mud-expansion-panels { + flex: 0 1 auto; + position: relative; + max-width: 100%; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1); + border-radius: var(--mud-default-borderradius) +} - .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-dark-rgb),.12); - } + .mud-expansion-panels.mud-expansion-panels-square { + border-radius: 0px + } -.mud-chip-text { + .mud-expansion-panels.mud-expansion-panels-borders .mud-expand-panel { + border-bottom: 1px solid var(--mud-palette-lines-default) + } + +.mud-expand-panel { + flex: 1 0 100%; + max-width: 100%; + position: relative; + transition: margin .3s cubic-bezier(0.25, 0.8, 0.5, 1); + transition-delay: 100ms; color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-action-default-hover); + background-color: var(--mud-palette-surface) } - .mud-chip-text:hover:not(.mud-disabled), .mud-chip-text:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-action-disabled-background); + .mud-expand-panel.mud-expand-panel-border { + border-bottom: 1px solid var(--mud-palette-lines-default) } - .mud-chip-text.mud-chip-color-primary { - color: var(--mud-palette-primary); - background-color: var(--mud-palette-primary-hover); + .mud-expand-panel:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit } - .mud-chip-text.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-primary:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-primary-rgb),.12); - } + .mud-expand-panel:last-child { + border-bottom: none; + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit + } - .mud-chip-text.mud-chip-color-secondary { - color: var(--mud-palette-secondary); - background-color: var(--mud-palette-secondary-hover); + .mud-expand-panel.mud-panel-expanded { + margin: 16px 0; + border-radius: inherit; + border-bottom: none; + transition-delay: 0ms } - .mud-chip-text.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-secondary:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-secondary-rgb),.12); + .mud-expand-panel.mud-panel-expanded:first-child { + margin-top: 0 } - .mud-chip-text.mud-chip-color-tertiary { - color: var(--mud-palette-tertiary); - background-color: var(--mud-palette-tertiary-hover); - } + .mud-expand-panel.mud-panel-expanded:last-child { + margin-bottom: 0 + } - .mud-chip-text.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-tertiary-rgb),.12); + .mud-expand-panel.mud-panel-expanded + .mud-expand-panel { + border-top-left-radius: inherit; + border-top-right-radius: inherit } - .mud-chip-text.mud-chip-color-info { - color: var(--mud-palette-info); - background-color: var(--mud-palette-info-hover); + .mud-expand-panel.mud-panel-next-expanded { + border-bottom: none; + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit } - .mud-chip-text.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-info:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-info-rgb),.12); - } - - .mud-chip-text.mud-chip-color-success { - color: var(--mud-palette-success); - background-color: var(--mud-palette-success-hover); + .mud-expand-panel .mud-expand-panel-header { + width: 100%; + align-items: center; + display: flex; + font-size: .9375rem; + line-height: 1; + min-height: 48px; + outline: none; + padding: 16px 24px; + position: relative; + transition: min-height .3s cubic-bezier(0.25, 0.8, 0.5, 1); + user-select: none } - .mud-chip-text.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-success:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-success-rgb),.12); + .mud-expand-panel .mud-expand-panel-header:hover { + cursor: pointer } - .mud-chip-text.mud-chip-color-warning { - color: var(--mud-palette-warning); - background-color: var(--mud-palette-warning-hover); - } + .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text { + flex: 1 1 auto + } - .mud-chip-text.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-warning:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-warning-rgb),.12); + .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon { + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1),visibility 0s } - .mud-chip-text.mud-chip-color-error { - color: var(--mud-palette-error); - background-color: var(--mud-palette-error-hover); + .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon.mud-transform { + transform: rotate(-180deg) + } + + .mud-expand-panel .mud-expand-panel-content { + padding: 0 24px 16px; + flex: 1 1 auto; + max-width: 100% } - .mud-chip-text.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-error:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-error-rgb),.12); + .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters { + padding-left: 0px; + padding-right: 0px } - .mud-chip-text.mud-chip-color-dark { - color: var(--mud-palette-dark); - background-color: var(--mud-palette-dark-hover); - } - - .mud-chip-text.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-dark:focus-visible:not(.mud-disabled) { - background-color: rgba(var(--mud-palette-dark-rgb),.12); + .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-dense { + padding-top: 0px; + padding-bottom: 0px } -.mud-collapse-container { - height: 0; - overflow: hidden; +.mud-disabled > .mud-expand-panel-header { + color: var(--mud-palette-text-disabled) } -@keyframes mud-expand-anim { - from { - height: 0; + .mud-disabled > .mud-expand-panel-header:hover { + cursor: default } -} -.mud-collapse-entering { - animation: mud-expand-anim 1s ease-in-out 0ms 1 forwards; +.mud-input-control.mud-field .mud-input-slot { + height: auto; + min-height: 19px } - .mud-collapse-entering.mud-navgroup-collapse { - animation-duration: 300ms !important; + .mud-input-control.mud-field .mud-input-slot.mud-input-root-outlined.mud-input-adorned-start { + padding-left: 0; + padding-inline-start: 0; + padding-inline-end: 14px } -.mud-collapse-entered { - overflow: initial; -} + .mud-input-control.mud-field .mud-input-slot.mud-input-root-filled.mud-input-adorned-start { + padding-left: 0; + padding-inline-start: 0; + padding-inline-end: 12px + } -@keyframes mud-collapse-anim { - to { - height: 0; + .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding { + padding-top: 0px; + padding-bottom: 0px } -} -.mud-collapse-exiting { - animation: mud-collapse-anim .5s cubic-bezier(0,1,0,1) 0ms 1 forwards; -} + .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-filled { + padding-top: 21px; + padding-bottom: 2px + } - .mud-collapse-exiting.mud-navgroup-collapse { - animation-duration: 300ms; - } + .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-outlined { + padding-top: 7px; + padding-bottom: 2px + } -.mud-collapse-hidden { - visibility: hidden; +.mud-file-upload { + flex-grow: 0 } -.mud-collapse-wrapper { - display: flex; -} + .mud-file-upload > .mud-input-control-input-container { + display: initial !important + } -.mud-collapse-wrapper-inner { - width: 100%; +.mud-fab { + padding: 0; + font-family: var(--mud-typography-button-family); + font-size: var(--mud-typography-button-size); + font-weight: var(--mud-typography-button-weight); + line-height: var(--mud-typography-button-lineheight); + letter-spacing: var(--mud-typography-button-letterspacing); + text-transform: var(--mud-typography-button-text-transform); + min-width: 0; + box-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12); + box-sizing: border-box; + min-height: 36px; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + border-radius: 50%; + color: var(--mud-palette-text-primary); + background-color: var(--mud-palette-action-default-hover) } -.mud-dialog-container { - display: flex; - position: fixed; - top: 0; - width: 100%; - height: 100%; - z-index: var(--mud-zindex-dialog); -} + .mud-fab:hover, .mud-fab:focus-visible { + box-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12); + text-decoration: none; + background-color: var(--mud-palette-action-disabled-background) + } - .mud-dialog-container.mud-dialog-center { - align-items: center; - justify-content: center; + .mud-fab:active { + box-shadow: 0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12) } - .mud-dialog-container.mud-dialog-topcenter { - align-items: flex-start; - justify-content: center; - padding-top: 32px; - } - - .mud-dialog-container.mud-dialog-bottomcenter { - align-items: flex-end; - justify-content: center; - padding-bottom: 32px; + .mud-fab:disabled { + color: var(--mud-palette-action-disabled); + box-shadow: none; + background-color: var(--mud-palette-action-disabled-background); + cursor: default; + pointer-events: none } - .mud-dialog-container.mud-dialog-centerright { - align-items: center; - justify-content: flex-end; - padding-right: 32px; - } + .mud-fab:disabled:hover { + background-color: var(--mud-palette-action-disabled-background) + } - .mud-dialog-container.mud-dialog-centerleft { - align-items: center; - justify-content: flex-start; - padding-left: 32px; - } +.mud-fab-disable-elevation { + box-shadow: none +} - .mud-dialog-container.mud-dialog-topleft .mud-dialog { - position: absolute; - top: 32px; - left: 32px; + .mud-fab-disable-elevation:hover { + box-shadow: none } - .mud-dialog-container.mud-dialog-topright .mud-dialog { - position: absolute; - top: 32px; - right: 32px; + .mud-fab-disable-elevation:active { + box-shadow: none } - .mud-dialog-container.mud-dialog-bottomleft .mud-dialog { - position: absolute; - bottom: 32px; - left: 32px; + .mud-fab-disable-elevation.mud-focus-visible { + box-shadow: none } - .mud-dialog-container.mud-dialog-bottomright .mud-dialog { - position: absolute; - bottom: 32px; - right: 32px; + .mud-fab-disable-elevation:disabled { + box-shadow: none } -.mud-dialog { - display: flex; - z-index: calc(var(--mud-zindex-dialog) + 2); - flex-direction: column; - color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-surface); - border-radius: var(--mud-default-borderradius); - -webkit-animation: mud-open-dialog-center .1s cubic-bezier(.39,.575,.565,1) both; - animation: mud-open-dialog-center .1s cubic-bezier(.39,.575,.565,1) both; - box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12); - max-height: calc(100vh - var(--mud-appbar-height)); - overflow-y: auto; +.mud-fab-label { + width: 100%; + display: inherit; + align-items: inherit; + justify-content: inherit } - .mud-dialog.mud-dialog-rtl .mud-dialog-title .mud-button-close { - right: unset; - left: 8px; - } +.mud-fab-primary { + color: var(--mud-palette-primary-text); + background-color: var(--mud-palette-primary) +} - .mud-dialog .mud-dialog-title { - z-index: +1; - flex: 0 0 auto; - margin: 0; - padding: 16px 24px; - border-top-left-radius: var(--mud-default-borderradius); - border-top-right-radius: var(--mud-default-borderradius); + .mud-fab-primary:hover, .mud-fab-primary:focus-visible { + background-color: var(--mud-palette-primary-darken) } - .mud-dialog .mud-dialog-title + * > .mud-dialog-content { - border-radius: 0; - } - - .mud-dialog .mud-dialog-title .mud-button-close { - top: 8px; - right: 8px; - position: absolute; - } +.mud-fab-secondary { + color: var(--mud-palette-secondary-text); + background-color: var(--mud-palette-secondary) +} - .mud-dialog .mud-dialog-content { - position: relative; - flex: 1 1 auto; - padding: 8px 24px; - -webkit-overflow-scrolling: touch; - border-top-left-radius: var(--mud-default-borderradius); - border-top-right-radius: var(--mud-default-borderradius); + .mud-fab-secondary:hover, .mud-fab-secondary:focus-visible { + background-color: var(--mud-palette-secondary-darken) } - .mud-dialog .mud-dialog-content.mud-dialog-no-side-padding { - padding: 12px 0; - } +.mud-fab-tertiary { + color: var(--mud-palette-tertiary-text); + background-color: var(--mud-palette-tertiary) +} - .mud-dialog .mud-dialog-actions { - flex: 0 0 auto; - display: flex; - padding: 8px; - align-items: center; - justify-content: flex-end; - border-bottom-left-radius: var(--mud-default-borderradius); - border-bottom-right-radius: var(--mud-default-borderradius); + .mud-fab-tertiary:hover, .mud-fab-tertiary:focus-visible { + background-color: var(--mud-palette-tertiary-darken) } - .mud-dialog .mud-dialog-actions > :not(:first-child) { - margin-left: 8px; - margin-inline-start: 8px; - margin-inline-end: unset; - } - -.mud-dialog-width-false { - max-width: calc(100% - 64px); +.mud-fab-info { + color: var(--mud-palette-info-text); + background-color: var(--mud-palette-info) } -.mud-dialog-width-xs { - max-width: 444px; -} + .mud-fab-info:hover, .mud-fab-info:focus-visible { + background-color: var(--mud-palette-info-darken) + } -.mud-dialog-width-sm { - max-width: 600px; +.mud-fab-success { + color: var(--mud-palette-success-text); + background-color: var(--mud-palette-success) } -.mud-dialog-width-md { - max-width: 960px; -} + .mud-fab-success:hover, .mud-fab-success:focus-visible { + background-color: var(--mud-palette-success-darken) + } -.mud-dialog-width-lg { - max-width: 1280px; +.mud-fab-warning { + color: var(--mud-palette-warning-text); + background-color: var(--mud-palette-warning) } -.mud-dialog-width-xl { - max-width: 1920px; -} + .mud-fab-warning:hover, .mud-fab-warning:focus-visible { + background-color: var(--mud-palette-warning-darken) + } -.mud-dialog-width-xxl { - max-width: 2560px; +.mud-fab-error { + color: var(--mud-palette-error-text); + background-color: var(--mud-palette-error) } -.mud-dialog-width-full { - width: calc(100% - 64px); -} + .mud-fab-error:hover, .mud-fab-error:focus-visible { + background-color: var(--mud-palette-error-darken) + } -.mud-dialog-fullscreen { - width: 100%; - height: 100%; - margin: 0; - max-width: 100%; - max-height: none; - border-radius: 0; - overflow-y: hidden; +.mud-fab-dark { + color: var(--mud-palette-dark-text); + background-color: var(--mud-palette-dark) } -@-webkit-keyframes mud-open-dialog-center { - 0% { - opacity: 0; - } - - 1% { - -webkit-transform: scale(.5); - transform: scale(.5); - opacity: 1; + .mud-fab-dark:hover, .mud-fab-dark:focus-visible { + background-color: var(--mud-palette-dark-darken) } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } +.mud-fab-extended.mud-fab-size-large { + width: auto; + height: 48px; + padding: 0 16px; + min-width: 48px; + min-height: auto; + border-radius: 24px } -@keyframes mud-open-dialog-center { - 0% { - opacity: 0; + .mud-fab-extended.mud-fab-size-large .mud-fab-label { + gap: 8px } - 1% { - -webkit-transform: scale(.5); - transform: scale(.5); - opacity: 1; - } +.mud-fab-extended.mud-fab-size-small { + width: auto; + height: 34px; + padding: 0 12px; + min-width: 34px; + border-radius: 17px +} - 100% { - -webkit-transform: scale(1); - transform: scale(1); + .mud-fab-extended.mud-fab-size-small .mud-fab-label { + gap: 4px } -} -.mud-input-control.mud-field .mud-input-slot { - height: auto; - min-height: 19px; +.mud-fab-extended.mud-fab-size-medium { + width: auto; + height: 40px; + padding: 0 16px; + min-width: 40px; + border-radius: 20px } - .mud-input-control.mud-field .mud-input-slot.mud-input-root-outlined.mud-input-adorned-start { - padding-left: 0; - padding-inline-start: 0; - padding-inline-end: 14px; + .mud-fab-extended.mud-fab-size-medium .mud-fab-label { + gap: 8px } - .mud-input-control.mud-field .mud-input-slot.mud-input-root-filled.mud-input-adorned-start { - padding-left: 0; - padding-inline-start: 0; - padding-inline-end: 12px; - } +.mud-fab-color-inherit { + color: inherit +} - .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding { - padding-top: 0; - padding-bottom: 0; - } +.mud-fab-size-small { + width: 40px; + height: 40px +} - .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-filled { - padding-top: 21px; - padding-bottom: 2px; - } +.mud-fab-size-medium { + width: 48px; + height: 48px +} - .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-outlined { - padding-top: 7px; - padding-bottom: 2px; - } +.mud-fab-size-large { + width: 56px; + height: 56px +} .mud-grid { width: 100%; display: flex; flex-wrap: wrap; - box-sizing: border-box; + box-sizing: border-box } .mud-grid-item { margin: 0; - box-sizing: border-box; + box-sizing: border-box } .mud-grid-spacing-xs-1 { width: calc(100% + 8px); - margin: -4px; + margin: -4px } .mud-grid-spacing-xs-1 > .mud-grid-item { - padding: 4px; + padding: 4px } .mud-grid-spacing-xs-2 { width: calc(100% + 16px); - margin: -8px; + margin: -8px } .mud-grid-spacing-xs-2 > .mud-grid-item { - padding: 8px; + padding: 8px } .mud-grid-spacing-xs-3 { width: calc(100% + 24px); - margin: -12px; + margin: -12px } .mud-grid-spacing-xs-3 > .mud-grid-item { - padding: 12px; + padding: 12px } .mud-grid-spacing-xs-4 { width: calc(100% + 32px); - margin: -16px; + margin: -16px } .mud-grid-spacing-xs-4 > .mud-grid-item { - padding: 16px; + padding: 16px } .mud-grid-spacing-xs-5 { width: calc(100% + 40px); - margin: -20px; + margin: -20px } .mud-grid-spacing-xs-5 > .mud-grid-item { - padding: 20px; + padding: 20px } .mud-grid-spacing-xs-6 { width: calc(100% + 48px); - margin: -24px; + margin: -24px } .mud-grid-spacing-xs-6 > .mud-grid-item { - padding: 24px; + padding: 24px } .mud-grid-spacing-xs-7 { width: calc(100% + 56px); - margin: -28px; + margin: -28px } .mud-grid-spacing-xs-7 > .mud-grid-item { - padding: 28px; + padding: 28px } .mud-grid-spacing-xs-8 { width: calc(100% + 64px); - margin: -32px; + margin: -32px } .mud-grid-spacing-xs-8 > .mud-grid-item { - padding: 32px; + padding: 32px } .mud-grid-spacing-xs-9 { width: calc(100% + 72px); - margin: -36px; + margin: -36px } .mud-grid-spacing-xs-9 > .mud-grid-item { - padding: 36px; + padding: 36px } .mud-grid-spacing-xs-10 { width: calc(100% + 80px); - margin: -40px; + margin: -40px } .mud-grid-spacing-xs-10 > .mud-grid-item { - padding: 40px; + padding: 40px } .mud-grid-item-xs-auto { flex-grow: 0; max-width: none; - flex-basis: auto; + flex-basis: auto } .mud-grid-item-xs-true { flex-grow: 1; max-width: 100%; - flex-basis: 0; + flex-basis: 0 } .mud-grid-item-xs-1 { flex-grow: 0; max-width: 8.333333%; - flex-basis: 8.333333%; + flex-basis: 8.333333% } .mud-grid-item-xs-2 { flex-grow: 0; max-width: 16.666667%; - flex-basis: 16.666667%; + flex-basis: 16.666667% } .mud-grid-item-xs-3 { flex-grow: 0; max-width: 25%; - flex-basis: 25%; + flex-basis: 25% } .mud-grid-item-xs-4 { flex-grow: 0; max-width: 33.333333%; - flex-basis: 33.333333%; + flex-basis: 33.333333% } .mud-grid-item-xs-5 { flex-grow: 0; max-width: 41.666667%; - flex-basis: 41.666667%; + flex-basis: 41.666667% } .mud-grid-item-xs-6 { flex-grow: 0; max-width: 50%; - flex-basis: 50%; + flex-basis: 50% } .mud-grid-item-xs-7 { flex-grow: 0; max-width: 58.333333%; - flex-basis: 58.333333%; + flex-basis: 58.333333% } .mud-grid-item-xs-8 { flex-grow: 0; max-width: 66.666667%; - flex-basis: 66.666667%; + flex-basis: 66.666667% } .mud-grid-item-xs-9 { flex-grow: 0; max-width: 75%; - flex-basis: 75%; + flex-basis: 75% } .mud-grid-item-xs-10 { flex-grow: 0; max-width: 83.333333%; - flex-basis: 83.333333%; + flex-basis: 83.333333% } .mud-grid-item-xs-11 { flex-grow: 0; max-width: 91.666667%; - flex-basis: 91.666667%; + flex-basis: 91.666667% } .mud-grid-item-xs-12 { flex-grow: 0; max-width: 100%; - flex-basis: 100%; + flex-basis: 100% } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-grid-item-sm-auto { flex-grow: 0; max-width: none; - flex-basis: auto; + flex-basis: auto } .mud-grid-item-sm-true { flex-grow: 1; max-width: 100%; - flex-basis: 0; + flex-basis: 0 } .mud-grid-item-sm-1 { flex-grow: 0; max-width: 8.333333%; - flex-basis: 8.333333%; + flex-basis: 8.333333% } .mud-grid-item-sm-2 { flex-grow: 0; max-width: 16.666667%; - flex-basis: 16.666667%; + flex-basis: 16.666667% } .mud-grid-item-sm-3 { flex-grow: 0; max-width: 25%; - flex-basis: 25%; + flex-basis: 25% } .mud-grid-item-sm-4 { flex-grow: 0; max-width: 33.333333%; - flex-basis: 33.333333%; + flex-basis: 33.333333% } .mud-grid-item-sm-5 { flex-grow: 0; max-width: 41.666667%; - flex-basis: 41.666667%; + flex-basis: 41.666667% } .mud-grid-item-sm-6 { flex-grow: 0; max-width: 50%; - flex-basis: 50%; + flex-basis: 50% } .mud-grid-item-sm-7 { flex-grow: 0; max-width: 58.333333%; - flex-basis: 58.333333%; + flex-basis: 58.333333% } .mud-grid-item-sm-8 { flex-grow: 0; max-width: 66.666667%; - flex-basis: 66.666667%; + flex-basis: 66.666667% } .mud-grid-item-sm-9 { flex-grow: 0; max-width: 75%; - flex-basis: 75%; + flex-basis: 75% } .mud-grid-item-sm-10 { flex-grow: 0; max-width: 83.333333%; - flex-basis: 83.333333%; + flex-basis: 83.333333% } .mud-grid-item-sm-11 { flex-grow: 0; max-width: 91.666667%; - flex-basis: 91.666667%; + flex-basis: 91.666667% } .mud-grid-item-sm-12 { flex-grow: 0; max-width: 100%; - flex-basis: 100%; + flex-basis: 100% } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-grid-item-md-auto { flex-grow: 0; max-width: none; - flex-basis: auto; + flex-basis: auto } .mud-grid-item-md-true { flex-grow: 1; max-width: 100%; - flex-basis: 0; + flex-basis: 0 } .mud-grid-item-md-1 { flex-grow: 0; max-width: 8.333333%; - flex-basis: 8.333333%; + flex-basis: 8.333333% } .mud-grid-item-md-2 { flex-grow: 0; max-width: 16.666667%; - flex-basis: 16.666667%; + flex-basis: 16.666667% } .mud-grid-item-md-3 { flex-grow: 0; max-width: 25%; - flex-basis: 25%; + flex-basis: 25% } .mud-grid-item-md-4 { flex-grow: 0; max-width: 33.333333%; - flex-basis: 33.333333%; + flex-basis: 33.333333% } .mud-grid-item-md-5 { flex-grow: 0; max-width: 41.666667%; - flex-basis: 41.666667%; + flex-basis: 41.666667% } .mud-grid-item-md-6 { flex-grow: 0; max-width: 50%; - flex-basis: 50%; + flex-basis: 50% } .mud-grid-item-md-7 { flex-grow: 0; max-width: 58.333333%; - flex-basis: 58.333333%; + flex-basis: 58.333333% } .mud-grid-item-md-8 { flex-grow: 0; max-width: 66.666667%; - flex-basis: 66.666667%; + flex-basis: 66.666667% } .mud-grid-item-md-9 { flex-grow: 0; max-width: 75%; - flex-basis: 75%; + flex-basis: 75% } .mud-grid-item-md-10 { flex-grow: 0; max-width: 83.333333%; - flex-basis: 83.333333%; + flex-basis: 83.333333% } .mud-grid-item-md-11 { flex-grow: 0; max-width: 91.666667%; - flex-basis: 91.666667%; + flex-basis: 91.666667% } .mud-grid-item-md-12 { flex-grow: 0; max-width: 100%; - flex-basis: 100%; + flex-basis: 100% } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-grid-item-lg-auto { flex-grow: 0; max-width: none; - flex-basis: auto; + flex-basis: auto } .mud-grid-item-lg-true { flex-grow: 1; max-width: 100%; - flex-basis: 0; + flex-basis: 0 } .mud-grid-item-lg-1 { flex-grow: 0; max-width: 8.333333%; - flex-basis: 8.333333%; + flex-basis: 8.333333% } .mud-grid-item-lg-2 { flex-grow: 0; max-width: 16.666667%; - flex-basis: 16.666667%; + flex-basis: 16.666667% } .mud-grid-item-lg-3 { flex-grow: 0; max-width: 25%; - flex-basis: 25%; + flex-basis: 25% } .mud-grid-item-lg-4 { flex-grow: 0; max-width: 33.333333%; - flex-basis: 33.333333%; + flex-basis: 33.333333% } .mud-grid-item-lg-5 { flex-grow: 0; max-width: 41.666667%; - flex-basis: 41.666667%; + flex-basis: 41.666667% } .mud-grid-item-lg-6 { flex-grow: 0; max-width: 50%; - flex-basis: 50%; + flex-basis: 50% } .mud-grid-item-lg-7 { flex-grow: 0; max-width: 58.333333%; - flex-basis: 58.333333%; + flex-basis: 58.333333% } .mud-grid-item-lg-8 { flex-grow: 0; max-width: 66.666667%; - flex-basis: 66.666667%; + flex-basis: 66.666667% } .mud-grid-item-lg-9 { flex-grow: 0; max-width: 75%; - flex-basis: 75%; + flex-basis: 75% } .mud-grid-item-lg-10 { flex-grow: 0; max-width: 83.333333%; - flex-basis: 83.333333%; + flex-basis: 83.333333% } .mud-grid-item-lg-11 { flex-grow: 0; max-width: 91.666667%; - flex-basis: 91.666667%; + flex-basis: 91.666667% } .mud-grid-item-lg-12 { flex-grow: 0; max-width: 100%; - flex-basis: 100%; + flex-basis: 100% } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-grid-item-xl-auto { flex-grow: 0; max-width: none; - flex-basis: auto; + flex-basis: auto } .mud-grid-item-xl-true { flex-grow: 1; max-width: 100%; - flex-basis: 0; + flex-basis: 0 } .mud-grid-item-xl-1 { flex-grow: 0; max-width: 8.333333%; - flex-basis: 8.333333%; + flex-basis: 8.333333% } .mud-grid-item-xl-2 { flex-grow: 0; max-width: 16.666667%; - flex-basis: 16.666667%; + flex-basis: 16.666667% } .mud-grid-item-xl-3 { flex-grow: 0; max-width: 25%; - flex-basis: 25%; + flex-basis: 25% } .mud-grid-item-xl-4 { flex-grow: 0; max-width: 33.333333%; - flex-basis: 33.333333%; + flex-basis: 33.333333% } .mud-grid-item-xl-5 { flex-grow: 0; max-width: 41.666667%; - flex-basis: 41.666667%; + flex-basis: 41.666667% } .mud-grid-item-xl-6 { flex-grow: 0; max-width: 50%; - flex-basis: 50%; + flex-basis: 50% } .mud-grid-item-xl-7 { flex-grow: 0; max-width: 58.333333%; - flex-basis: 58.333333%; + flex-basis: 58.333333% } .mud-grid-item-xl-8 { flex-grow: 0; max-width: 66.666667%; - flex-basis: 66.666667%; + flex-basis: 66.666667% } .mud-grid-item-xl-9 { flex-grow: 0; max-width: 75%; - flex-basis: 75%; + flex-basis: 75% } .mud-grid-item-xl-10 { flex-grow: 0; max-width: 83.333333%; - flex-basis: 83.333333%; + flex-basis: 83.333333% } .mud-grid-item-xl-11 { flex-grow: 0; max-width: 91.666667%; - flex-basis: 91.666667%; + flex-basis: 91.666667% } .mud-grid-item-xl-12 { flex-grow: 0; max-width: 100%; - flex-basis: 100%; + flex-basis: 100% } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-grid-item-xxl-auto { flex-grow: 0; max-width: none; - flex-basis: auto; + flex-basis: auto } .mud-grid-item-xxl-true { flex-grow: 1; max-width: 100%; - flex-basis: 0; + flex-basis: 0 } .mud-grid-item-xxl-1 { flex-grow: 0; max-width: 8.333333%; - flex-basis: 8.333333%; + flex-basis: 8.333333% } .mud-grid-item-xxl-2 { flex-grow: 0; max-width: 16.666667%; - flex-basis: 16.666667%; + flex-basis: 16.666667% } .mud-grid-item-xxl-3 { flex-grow: 0; max-width: 25%; - flex-basis: 25%; + flex-basis: 25% } .mud-grid-item-xxl-4 { flex-grow: 0; max-width: 33.333333%; - flex-basis: 33.333333%; + flex-basis: 33.333333% } .mud-grid-item-xxl-5 { flex-grow: 0; max-width: 41.666667%; - flex-basis: 41.666667%; + flex-basis: 41.666667% } .mud-grid-item-xxl-6 { flex-grow: 0; max-width: 50%; - flex-basis: 50%; + flex-basis: 50% } .mud-grid-item-xxl-7 { flex-grow: 0; max-width: 58.333333%; - flex-basis: 58.333333%; + flex-basis: 58.333333% } .mud-grid-item-xxl-8 { flex-grow: 0; max-width: 66.666667%; - flex-basis: 66.666667%; + flex-basis: 66.666667% } .mud-grid-item-xxl-9 { flex-grow: 0; max-width: 75%; - flex-basis: 75%; + flex-basis: 75% } .mud-grid-item-xxl-10 { flex-grow: 0; max-width: 83.333333%; - flex-basis: 83.333333%; + flex-basis: 83.333333% } .mud-grid-item-xxl-11 { flex-grow: 0; max-width: 91.666667%; - flex-basis: 91.666667%; + flex-basis: 91.666667% } .mud-grid-item-xxl-12 { flex-grow: 0; max-width: 100%; - flex-basis: 100%; + flex-basis: 100% } } -.mud-paper { - color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-surface); - border-radius: var(--mud-default-borderradius); - transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms; -} - -.mud-paper-square { - border-radius: 0; -} - -.mud-paper-outlined { - border: 1px solid var(--mud-palette-lines-default); -} - .mud-icon-default { - color: var(--mud-palette-text-secondary); + color: var(--mud-palette-text-secondary) } .mud-disabled .mud-icon-root, .mud-disabled .mud-svg-icon, .mud-disabled .mud-icon-default { - color: var(--mud-palette-text-disabled); + color: var(--mud-palette-text-disabled) } .mud-icon-root { width: 1em; height: 1em; display: inline-block; - transition: fill 200ms cubic-bezier(.4,0,.2,1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; - user-select: none; + user-select: none } .mud-icon-root:focus { - outline: none; + outline: none } .mud-icon-root.mud-svg-icon { - fill: currentColor; + fill: currentColor } .mud-icon-size-small { - font-size: 1.25rem; + font-size: 1.25rem } .mud-icon-size-medium { - font-size: 1.5rem; + font-size: 1.5rem } .mud-icon-size-large { - font-size: 2.25rem; + font-size: 2.25rem } -.mud-divider { - margin: 0; - flex-shrink: 0; - border-color: var(--mud-palette-divider); - border-width: 1px; - border-style: solid none none none; +.mud-icon-button { + flex: 0 0 auto; + padding: 12px; + overflow: visible; + font-size: 1.5rem; + text-align: center; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + border-radius: 50%; + color: var(--mud-palette-action-default) } -.mud-divider-absolute { - left: 0; - width: 100%; - bottom: 0; - position: absolute; -} + .mud-icon-button.mud-button { + min-width: unset; + border-radius: var(--mud-default-borderradius) + } -.mud-divider-inset { - margin-left: 72px; - margin-inline-start: 72px; - margin-inline-end: unset; -} + .mud-icon-button:hover, .mud-icon-button:focus-visible { + background-color: var(--mud-palette-action-default-hover) + } -.mud-divider-light { - border-color: var(--mud-palette-divider-light); -} + .mud-icon-button:disabled { + color: var(--mud-palette-action-disabled); + background-color: rgba(0,0,0,0) + } -.mud-divider-middle { - margin-left: 16px; - margin-right: 16px; -} + .mud-icon-button.mud-readonly, .mud-icon-button .mud-readonly:hover { + cursor: default + } -.mud-divider-vertical { - border-style: none solid none none; - height: 100%; +.mud-icon-button-color-inherit { + color: inherit } -.mud-divider-flexitem { - height: auto; - align-self: stretch; -} + .mud-icon-button-color-inherit:hover, .mud-icon-button-color-inherit:focus-visible { + background-color: var(--mud-palette-action-default-hover) + } -.mud-divider-fullwidth { - flex-grow: 1; +.mud-icon-button-label { width: 100%; + display: flex; + align-items: inherit; + justify-content: inherit } -.mud-drop-zone { - position: relative; - transition: all 300ms cubic-bezier(.4,0,.2,1) 0ms; +.mud-icon-button-edge-start { + margin-left: -12px; + margin-inline-start: -12px; + margin-inline-end: unset } -.mud-drop-zone-drag-block > * { - pointer-events: none; +.mud-icon-button-edge-end { + margin-right: -12px; + margin-inline-end: -12px; + margin-inline-start: unset } -.mud-drop-zone-can-drop { - background-color: var(--mud-palette-success-hover); +.mud-icon-button-edge-margin-end { + margin-right: 8px; + margin-inline-end: 8px; + margin-inline-start: unset } -.mud-drop-zone-no-drop { - background-color: var(--mud-palette-error-hover); +.mud-icon-button-size-small { + padding: 3px; + font-size: 1.125rem } -.mud-drop-item:not(.mud-drop-item-preview-start) { - cursor: grab; - user-select: none; -} + .mud-icon-button-size-small.mud-icon-button-edge-start { + margin-left: -3px; + margin-inline-start: -3px; + margin-inline-end: unset + } - .mud-drop-item:not(.mud-drop-item-preview-start):active { - cursor: grabbing; + .mud-icon-button-size-small.mud-icon-button-edge-end { + margin-right: -3px; + margin-inline-end: -3px; + margin-inline-start: unset } -.mud-drop-item-preview-start { - height: 20px; - width: 100%; - position: absolute; - top: 0; - left: 0; - z-index: +1; +.mud-icon-button-size-large.mud-button > .mud-icon-button-label > .mud-icon-size-large { + font-size: 2rem } -.mud-expansion-panels { - flex: 0 1 auto; - position: relative; +.mud-image.fluid { max-width: 100%; - transition: .3s cubic-bezier(.25,.8,.5,1); - border-radius: var(--mud-default-borderradius); + height: auto } - .mud-expansion-panels.mud-expansion-panels-square { - border-radius: 0; - } - - .mud-expansion-panels.mud-expansion-panels-borders .mud-expand-panel { - border-bottom: 1px solid var(--mud-palette-lines-default); - } - -.mud-expand-panel { - flex: 1 0 100%; - max-width: 100%; +.mud-input { position: relative; - transition: margin .3s cubic-bezier(.25,.8,.5,1); - transition-delay: 100ms; color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-surface); + cursor: text; + display: inline-flex; + font-size: 1rem; + box-sizing: border-box; + align-items: center; + font-weight: 400; + line-height: 1.1876em; + letter-spacing: .00938em } - .mud-expand-panel.mud-expand-panel-border { - border-bottom: 1px solid var(--mud-palette-lines-default); + .mud-input.mud-input-full-width { + width: 100% } - .mud-expand-panel:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; + .mud-input.mud-disabled { + color: var(--mud-palette-text-disabled); + cursor: default } - .mud-expand-panel:last-child { - border-bottom: none; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - } + .mud-input.mud-disabled > .mud-input-adornment { + color: var(--mud-palette-text-disabled); + pointer-events: none + } - .mud-expand-panel.mud-panel-expanded { - margin: 16px 0; - border-radius: inherit; - border-bottom: none; - transition-delay: 0ms; + .mud-input.mud-input-underline:before { + left: 0; + right: 0; + bottom: 0; + content: " "; + position: absolute; + transition: border-bottom .2s,background-color .2s; + border-bottom: 1px solid var(--mud-palette-lines-inputs); + pointer-events: none } - .mud-expand-panel.mud-panel-expanded:first-child { - margin-top: 0; - } + .mud-input.mud-input-underline:hover:not(.mud-disabled):before { + border-bottom: 1px solid var(--mud-palette-action-default) + } - .mud-expand-panel.mud-panel-expanded:last-child { - margin-bottom: 0; - } + .mud-input.mud-input-underline:after { + left: 0; + right: 0; + bottom: 0; + content: ""; + position: absolute; + transform: scaleX(0); + transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + border-bottom: 2px solid var(--mud-palette-primary); + pointer-events: none + } - .mud-expand-panel.mud-panel-expanded + .mud-expand-panel { - border-top-left-radius: inherit; - border-top-right-radius: inherit; - } + .mud-input.mud-input-underline.mud-disabled:before { + border-bottom-style: dotted + } - .mud-expand-panel.mud-panel-next-expanded { - border-bottom: none; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; + .mud-input.mud-input-underline.mud-input-error:after { + transform: scaleX(1); + border-bottom-color: var(--mud-palette-error) } - .mud-expand-panel .mud-expand-panel-header { - width: 100%; - align-items: center; - display: flex; - font-size: .9375rem; - line-height: 1; - min-height: 48px; - outline: none; - padding: 16px 24px; + .mud-input.mud-input-filled { position: relative; - transition: min-height .3s cubic-bezier(.25,.8,.5,1); - user-select: none; + transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + background-color: rgba(0,0,0,.09); + border-top-left-radius: 4px; + border-top-right-radius: 4px } - .mud-expand-panel .mud-expand-panel-header:hover { - cursor: pointer; + .mud-input.mud-input-filled:hover { + background-color: rgba(0,0,0,.13) } - .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text { - flex: 1 1 auto; + .mud-input.mud-input-filled.mud-focused { + background-color: rgba(0,0,0,.09) } - .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon { - transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; + .mud-input.mud-input-filled.mud-disabled { + background-color: rgba(0,0,0,.12) } - .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon.mud-transform { - transform: rotate(-180deg); - } + .mud-input.mud-input-filled.mud-input-adorned-start { + padding-left: 12px; + padding-inline-start: 12px; + padding-inline-end: unset + } - .mud-expand-panel .mud-expand-panel-content { - padding: 0 24px 16px; - flex: 1 1 auto; - max-width: 100%; - } + .mud-input.mud-input-filled.mud-input-adorned-end { + padding-right: 12px; + padding-inline-end: 12px; + padding-inline-start: unset + } - .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters { - padding-left: 0; - padding-right: 0; + .mud-input.mud-input-filled.mud-input-underline:before { + left: 0; + right: 0; + bottom: 0; + content: " "; + position: absolute; + transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + border-bottom: 1px solid var(--mud-palette-lines-inputs); + pointer-events: none } - .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-dense { - padding-top: 0; - padding-bottom: 0; + .mud-input.mud-input-filled.mud-input-underline:after { + left: 0; + right: 0; + bottom: 0; + content: ""; + position: absolute; + transform: scaleX(0); + transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + border-bottom: 2px solid var(--mud-palette-primary); + pointer-events: none } -.mud-disabled > .mud-expand-panel-header { - color: var(--mud-palette-text-disabled); -} + .mud-input.mud-input-filled.mud-input-underline:hover:before { + border-bottom: 1px solid var(--mud-palette-action-default) + } - .mud-disabled > .mud-expand-panel-header:hover { - cursor: default; - } + .mud-input.mud-input-filled.mud-input-underline.mud-disabled:before { + border-bottom-style: dotted + } -.mud-fab { - padding: 0; - font-family: var(--mud-typography-button-family); - font-size: var(--mud-typography-button-size); - font-weight: var(--mud-typography-button-weight); - line-height: var(--mud-typography-button-lineheight); - letter-spacing: var(--mud-typography-button-letterspacing); - text-transform: var(--mud-typography-button-text-transform); - min-width: 0; - box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12); - box-sizing: border-box; - min-height: 36px; - 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) 0ms; - border-radius: 50%; - color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-action-default-hover); -} + .mud-input.mud-input-filled.mud-input-underline.mud-input-error:after { + transform: scaleX(1); + border-bottom-color: var(--mud-palette-error) + } - .mud-fab:hover, .mud-fab:focus-visible { - box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); - text-decoration: none; - background-color: var(--mud-palette-action-disabled-background); + .mud-input.mud-input-outlined { + position: relative; + border-width: 0px } - .mud-fab:active { - box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12); - } + .mud-input.mud-input-outlined .mud-input-outlined-border { + display: flex; + position: absolute; + top: 0; + right: 0; + left: 0; + box-sizing: border-box; + width: 100%; + max-width: 100%; + height: 100%; + text-align: start; + pointer-events: none; + border-radius: var(--mud-default-borderradius); + border-color: var(--mud-palette-lines-inputs); + border-width: 1px; + border-style: solid; + transition: border-width,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } - .mud-fab:disabled { - color: var(--mud-palette-action-disabled); - box-shadow: none; - background-color: var(--mud-palette-action-disabled-background); - cursor: default; - pointer-events: none; - } + .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border { + border-color: var(--mud-palette-action-default) + } - .mud-fab:disabled:hover { - background-color: var(--mud-palette-action-disabled-background); + .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border { + border-width: 2px; + border-color: var(--mud-palette-primary) } -.mud-fab-disable-elevation { - box-shadow: none; -} + .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border { + border-color: var(--mud-palette-action-disabled) + } - .mud-fab-disable-elevation:hover { - box-shadow: none; - } - - .mud-fab-disable-elevation:active { - box-shadow: none; - } + .mud-input.mud-input-outlined.mud-input-adorned-start { + padding-left: 14px; + padding-inline-start: 14px; + padding-inline-end: unset + } - .mud-fab-disable-elevation.mud-focus-visible { - box-shadow: none; - } + .mud-input.mud-input-outlined.mud-input-adorned-end { + padding-right: 14px; + padding-inline-end: 14px; + padding-inline-start: unset + } - .mud-fab-disable-elevation:disabled { - box-shadow: none; - } +.mud-input-error .mud-input-outlined-border { + border-color: var(--mud-palette-error) !important +} -.mud-fab-label { - width: 100%; - display: inherit; - align-items: inherit; - justify-content: inherit; +.mud-input:focus-within.mud-input-underline:after { + transform: scaleX(1) } -.mud-fab-primary { - color: var(--mud-palette-primary-text); - background-color: var(--mud-palette-primary); +.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root { + font: inherit; + color: currentColor; + width: 100%; + border: 0; + height: 1.1876em; + margin: 0; + display: block; + padding: 6px 0 7px; + min-width: 0; + background: none; + position: relative; + box-sizing: content-box; + letter-spacing: inherit; + -webkit-tap-highlight-color: rgba(0,0,0,0) } - .mud-fab-primary:hover, .mud-fab-primary:focus-visible { - background-color: var(--mud-palette-primary-darken); + .mud-input > input.mud-input-root::placeholder, div.mud-input-slot.mud-input-root::placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } -.mud-fab-secondary { - color: var(--mud-palette-secondary-text); - background-color: var(--mud-palette-secondary); -} + .mud-input > input.mud-input-root::-webkit-input-placeholder, div.mud-input-slot.mud-input-root::-webkit-input-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } - .mud-fab-secondary:hover, .mud-fab-secondary:focus-visible { - background-color: var(--mud-palette-secondary-darken); + .mud-input > input.mud-input-root:-moz-placeholder, div.mud-input-slot.mud-input-root:-moz-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } -.mud-fab-tertiary { - color: var(--mud-palette-tertiary-text); - background-color: var(--mud-palette-tertiary); -} + .mud-input > input.mud-input-root::-moz-placeholder, div.mud-input-slot.mud-input-root::-moz-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } - .mud-fab-tertiary:hover, .mud-fab-tertiary:focus-visible { - background-color: var(--mud-palette-tertiary-darken); + .mud-input > input.mud-input-root:-ms-input-placeholder, div.mud-input-slot.mud-input-root:-ms-input-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } -.mud-fab-info { - color: var(--mud-palette-info-text); - background-color: var(--mud-palette-info); -} + .mud-input > input.mud-input-root::-ms-input-placeholder, div.mud-input-slot.mud-input-root::-ms-input-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } - .mud-fab-info:hover, .mud-fab-info:focus-visible { - background-color: var(--mud-palette-info-darken); + .mud-input > input.mud-input-root.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-margin-dense { + padding-top: 3px } -.mud-fab-success { - color: var(--mud-palette-success-text); - background-color: var(--mud-palette-success); -} + .mud-input > input.mud-input-root.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-multiline { + height: auto; + resize: none; + padding: 0 + } - .mud-fab-success:hover, .mud-fab-success:focus-visible { - background-color: var(--mud-palette-success-darken); + .mud-input > input.mud-input-root.mud-input-root-type-search, div.mud-input-slot.mud-input-root.mud-input-root-type-search { + -moz-appearance: textfield; + -webkit-appearance: textfield } -.mud-fab-warning { - color: var(--mud-palette-warning-text); - background-color: var(--mud-palette-warning); -} + .mud-input > input.mud-input-root:focus, div.mud-input-slot.mud-input-root:focus { + outline: 0 + } - .mud-fab-warning:hover, .mud-fab-warning:focus-visible { - background-color: var(--mud-palette-warning-darken); + .mud-input > input.mud-input-root:invalid, div.mud-input-slot.mud-input-root:invalid { + box-shadow: none } -.mud-fab-error { - color: var(--mud-palette-error-text); - background-color: var(--mud-palette-error); -} + .mud-input > input.mud-input-root:disabled, div.mud-input-slot.mud-input-root:disabled { + opacity: 1 + } - .mud-fab-error:hover, .mud-fab-error:focus-visible { - background-color: var(--mud-palette-error-darken); + .mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled { + padding: 27px 12px 10px } -.mud-fab-dark { - color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-dark); -} + .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense { + padding-top: 23px; + padding-bottom: 6px + } - .mud-fab-dark:hover, .mud-fab-dark:focus-visible { - background-color: var(--mud-palette-dark-darken); - } + .mud-input > input.mud-input-root.mud-input-root-filled:-webkit-autofill, div.mud-input-slot.mud-input-root.mud-input-root-filled:-webkit-autofill { + border-top-left-radius: inherit; + border-top-right-radius: inherit + } -.mud-fab-extended.mud-fab-size-large { - width: auto; - height: 48px; - padding: 0 16px; - min-width: 48px; - min-height: auto; - border-radius: 24px; -} + .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label { + padding-top: 18px; + padding-bottom: 19px + } - .mud-fab-extended.mud-fab-size-large .mud-fab-label { - gap: 8px; - } + .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense { + padding-top: 10px; + padding-bottom: 11px + } -.mud-fab-extended.mud-fab-size-small { - width: auto; - height: 34px; - padding: 0 12px; - min-width: 34px; - border-radius: 17px; -} + .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-multiline { + padding: 0 + } - .mud-fab-extended.mud-fab-size-small .mud-fab-label { - gap: 4px; - } + .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start { + padding-left: 0; + padding-inline-start: 0; + padding-inline-end: 12px + } -.mud-fab-extended.mud-fab-size-medium { - width: auto; - height: 40px; - padding: 0 16px; - min-width: 40px; - border-radius: 20px; + .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end { + padding-right: 0; + padding-inline-end: 0; + padding-inline-start: 12px + } + +.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined { + padding: 18.5px 14px } - .mud-fab-extended.mud-fab-size-medium .mud-fab-label { - gap: 8px; + .mud-input > input.mud-input-root-outlined.mud-input-root:-webkit-autofill, div.mud-input-slot.mud-input-root-outlined.mud-input-root:-webkit-autofill { + border-radius: inherit } -.mud-fab-color-inherit { - color: inherit; -} + .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense { + padding-top: 10.5px; + padding-bottom: 10.5px + } -.mud-fab-size-small { - width: 40px; - height: 40px; -} + .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start { + padding-left: 0; + padding-inline-start: 0; + padding-inline-end: 14px + } -.mud-fab-size-medium { - width: 48px; - height: 48px; -} + .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end { + padding-right: 0; + padding-inline-end: 0; + padding-inline-start: 14px + } -.mud-fab-size-large { - width: 56px; - height: 56px; +.mud-input > input::-ms-reveal, .mud-input > input::-ms-clear, div.mud-input-slot::-ms-reveal, div.mud-input-slot::-ms-clear { + display: none !important } -.mud-list { - margin: 0; +.mud-input > textarea.mud-input-root { + font: inherit; + color: currentColor; + width: 100%; + border: 0; + height: auto; + margin: 6px 0 7px; padding: 0; + display: block; + min-width: 0; + background: none; position: relative; - list-style: none; + box-sizing: content-box; + letter-spacing: inherit; + -webkit-tap-highlight-color: rgba(0,0,0,0); + height: auto; + resize: none; + cursor: auto } - .mud-list.mud-list-padding { - padding-top: 8px; - padding-bottom: 8px; + .mud-input > textarea.mud-input-root::placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } -.mud-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; -} - - .mud-list-item.mud-list-item-dense { - padding-top: 4px; - padding-bottom: 4px; + .mud-input > textarea.mud-input-root::-webkit-input-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } - .mud-list-item.mud-list-item-disabled { - color: var(--mud-palette-action-disabled) !important; - cursor: default !important; - pointer-events: none !important; + .mud-input > textarea.mud-input-root:-moz-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } - .mud-list-item.mud-list-item-disabled .mud-list-item-icon { - color: var(--mud-palette-action-disabled) !important; - } - -.mud-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-list-item-clickable:hover { - background-color: var(--mud-palette-action-default-hover); + .mud-input > textarea.mud-input-root::-moz-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } - .mud-list-item-clickable:focus:not(.mud-selected-item) { - background-color: var(--mud-palette-action-default-hover); + .mud-input > textarea.mud-input-root:-ms-input-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } -.mud-list-item-gutters { - padding-left: 16px; - padding-right: 16px; -} + .mud-input > textarea.mud-input-root::-ms-input-placeholder { + color: currentColor; + opacity: .42; + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } -.mud-list-item-text { - flex: 1 1 auto; - min-width: 0; - margin-top: 4px; - margin-bottom: 4px; -} + .mud-input > textarea.mud-input-root.mud-input-root-margin-dense { + margin-top: 3px + } -.mud-list-item-text-inset { - padding-left: 56px; - padding-inline-start: 56px; - padding-inline-end: unset; -} + .mud-input > textarea.mud-input-root.mud-input-root-type-search { + -moz-appearance: textfield; + -webkit-appearance: textfield + } -.mud-list-item-icon { - color: var(--mud-palette-action-default); - display: inline-flex; - min-width: 56px; - flex-shrink: 0; -} + .mud-input > textarea.mud-input-root:focus { + outline: 0 + } -.mud-list-subheader { - color: var(--mud-palette-action-default); - font-size: .875rem; - box-sizing: border-box; - list-style: none; - font-weight: 500; - padding-top: 8px; - padding-bottom: 20px; -} + .mud-input > textarea.mud-input-root:invalid { + box-shadow: none + } -.mud-list-subheader-gutters { - padding-left: 16px; - padding-right: 16px; -} + .mud-input > textarea.mud-input-root:disabled { + opacity: 1 + } -.mud-list-subheader-inset { - padding-left: 72px; - padding-inline-start: 72px; - padding-inline-end: unset; -} + .mud-input > textarea.mud-input-root.mud-input-root-filled { + margin: 27px 12px 10px + } -.mud-list-subheader-sticky { - top: 0; - z-index: 1; - position: sticky; - background-color: inherit; -} + .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense { + margin-top: 23px; + margin-bottom: 6px + } -.mud-list-item-avatar { - min-width: 56px; - flex-shrink: 0; -} + .mud-input > textarea.mud-input-root.mud-input-root-filled:-webkit-autofill { + border-top-left-radius: inherit; + border-top-right-radius: inherit + } -.mud-nested-list > .mud-list-item { - padding-left: 32px; - padding-inline-start: 32px; - padding-inline-end: unset; -} + .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label { + margin-top: 18px; + margin-bottom: 19px + } -.mud-application-layout-rtl { - direction: rtl; -} + .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense { + margin-top: 10px; + margin-bottom: 11px + } -.mud-menu { - display: inline-flex; - align-self: center; - position: relative; -} + .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start { + margin-left: 0; + margin-inline-start: 0; + margin-inline-end: 12px + } - .mud-menu * { - cursor: pointer; - } + .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end { + margin-right: 0; + margin-inline-end: unset; + margin-inline-start: 12px + } - .mud-menu > div.mud-disabled { - cursor: default; + .mud-input > textarea.mud-input-root::-webkit-scrollbar { + width: 8px; + height: 8px; + z-index: 1; + cursor: crosshair } - .mud-menu > div.mud-disabled * { - cursor: default; - } - - .mud-menu > div.mud-menu-activator { - display: contents; + .mud-input > textarea.mud-input-root::-webkit-scrollbar-thumb { + background: var(--mud-palette-lines-inputs); + border-radius: 1px } -.mud-link.mud-link-underline-none { - text-decoration: none; -} + .mud-input > textarea.mud-input-root::-webkit-scrollbar-track { + background: rgba(0,0,0,0) + } -.mud-link.mud-link-underline-hover { - text-decoration: none; +.mud-input > textarea.mud-input-root-outlined { + margin: 18.5px 14px } - .mud-link.mud-link-underline-hover:hover, .mud-link.mud-link-underline-hover:focus-visible { - text-decoration: underline; + .mud-input > textarea.mud-input-root-outlined.mud-input-root:-webkit-autofill { + border-radius: inherit } -.mud-link.mud-link-underline-always { - text-decoration: underline; -} + .mud-input > textarea.mud-input-root-outlined.mud-input-root-margin-dense { + margin-top: 10.5px; + margin-bottom: 10.5px + } -.mud-link.mud-link-disabled { - cursor: default; - color: var(--mud-palette-action-disabled) !important; -} + .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-start { + margin-left: 0; + margin-inline-start: 0; + margin-inline-end: 14px + } - .mud-link.mud-link-disabled:not(.mud-link-underline-always) { - text-decoration: none; + .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-end { + margin-right: 0; + margin-inline-end: 0; + margin-inline-start: 14px } -.mud-navmenu { - margin: 0; - position: relative; - list-style: none; - overscroll-behavior-y: contain; +.mud-input-adornment { + height: .01em; + display: flex; + max-height: 2em; + align-items: center; + white-space: nowrap } -.mud-nav-group { - width: 100%; - display: block; - justify-content: flex-start; +.mud-input-adornment-start.mud-input-root-filled-shrink { + margin-top: 16px } - .mud-nav-group > .mud-nav-link > .mud-nav-link-text { - font-weight: 500; - } +.mud-input-adornment-start { + margin-right: 8px; + margin-inline-end: 8px; + margin-inline-start: unset +} - .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text { - font-weight: 400; - } +.mud-input-adornment-end { + margin-left: 8px; + margin-inline-start: 8px; + margin-inline-end: unset +} - .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text { - font-weight: 500; - } +.mud-input-number-control.mud-input-showspin .mud-input-adornment-end { + margin-right: 12px; + margin-inline-end: 12px; + margin-inline-start: unset +} - .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding-left: 36px; - padding-inline-start: 36px; - padding-inline-end: unset; - } +.mud-input-number-control.mud-input-showspin .mud-input-underline:not(.mud-input-filled) .mud-input-adornment-end { + margin-right: 24px; + margin-inline-end: 24px; + margin-inline-start: unset +} -.mud-nav-group-disabled, .mud-nav-group-disabled .mud-nav-link-text, .mud-nav-group-disabled .mud-nav-link-expand-icon, .mud-nav-group-disabled .mud-nav-link-icon { - color: var(--mud-palette-text-disabled) !important; - cursor: default; - pointer-events: none; +.mud-input-adornment-disable-pointerevents { + pointer-events: none } -.mud-nav-item { - width: 100%; - display: flex; - justify-content: flex-start; - text-decoration: none; +.mud-range-input-separator { + visibility: hidden; + margin: 0 4px } -.mud-nav-link { - width: 100%; - font-weight: 400; - padding: 8px 16px 8px 16px; - color: inherit; - line-height: 1.75; - display: inline-flex; - align-items: center; - justify-content: flex-start; - text-transform: inherit; - background-color: transparent; - 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) 0ms,padding 250ms cubic-bezier(.4,0,.2,1) 0ms; - align-items: flex-start; +.mud-input:focus-within .mud-range-input-separator { + visibility: visible } - .mud-nav-link.mud-nav-link-disabled { - color: var(--mud-palette-text-disabled) !important; - cursor: default; - pointer-events: none; - } +.mud-picker .mud-shrink .mud-range-input-separator { + visibility: visible +} - .mud-nav-link:hover:not(.mud-nav-link-disabled) { - cursor: pointer; - text-decoration: none; - background-color: var(--mud-palette-action-default-hover); - } +.mud-input-control { + border: 0; + margin: 0; + padding: 0; + display: flex; + flex: 1 1 auto; + max-width: 100%; + position: relative; + flex-direction: column; + vertical-align: top; + margin-top: 6px +} - .mud-nav-link:focus:not(.mud-nav-link-disabled) { - background-color: var(--mud-palette-action-default-hover); + .mud-input-control.mud-input-control-margin-normal { + margin-top: 16px; + margin-bottom: 8px } - .mud-nav-link.active:not(.mud-nav-link-disabled) { - font-weight: 500 !important; + .mud-input-control.mud-input-control-margin-dense { + margin-top: 3px; + margin-bottom: 2px } - .mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default { - color: var(--mud-palette-drawer-icon); + .mud-input-control.mud-input-control-full-width { + width: 100% } - .mud-nav-link.mud-nav-link-disabled .mud-nav-link-icon { - color: var(--mud-palette-text-disabled); + .mud-input-control.mud-input-control-boolean-input { + flex: none; + margin: 0 } - .mud-nav-link .mud-nav-link-expand-icon { - color: var(--mud-palette-drawer-icon); - transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; + .mud-input-control > .mud-input-control-input-container { + position: relative; + display: flex; + flex-direction: column } - .mud-nav-link .mud-nav-link-expand-icon.mud-transform { - transform: rotate(-180deg); + .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text { + margin-top: 16px } - .mud-nav-link .mud-nav-link-expand-icon.mud-transform-disabled { - transform: rotate(-180deg); + .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol { + line-height: 18px } - .mud-nav-link .mud-nav-link-text { - width: 100%; - text-align: start; - margin-left: 12px; - margin-inline-start: 12px; - margin-inline-end: unset; - letter-spacing: 0; - } - -.mud-navmenu.mud-navmenu-dense .mud-nav-link { - padding: 4px 16px 4px 16px; -} - -.mud-navmenu.mud-navmenu-margin-dense .mud-nav-link { - margin: 2px 0; -} + .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol { + color: var(--mud-palette-text-secondary); + padding: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1; + letter-spacing: .00938em; + z-index: 0; + pointer-events: none + } -.mud-navmenu.mud-navmenu-margin-normal .mud-nav-link { - margin: 4px 0; -} + .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled { + color: var(--mud-palette-text-disabled) + } -.mud-navmenu.mud-navmenu-rounded .mud-nav-link { - border-radius: var(--mud-default-borderradius); -} + .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error { + color: var(--mud-palette-error) !important + } -.mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) { - border-inline-end-style: solid; - border-inline-end-width: 2px; -} + .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after { + content: "*" + } -.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-primary); - background-color: var(--mud-palette-action-default-hover); -} + .mud-input-control.mud-input-number-control input::-webkit-outer-spin-button, .mud-input-control.mud-input-number-control input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0 + } - .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: var(--mud-palette-action-default-hover); + .mud-input-control.mud-input-number-control input[type=number] { + -moz-appearance: textfield } -.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-primary); -} + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input { + padding-right: 24px; + padding-inline-end: 24px + } -.mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-primary); - background-color: var(--mud-palette-primary-hover); -} + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input.mud-input-root-margin-dense { + padding-right: 20px; + padding-inline-end: 20px + } - .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-primary-rgb),.12); + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input { + padding-inline-start: 0 } - .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-primary); - } + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input.mud-input-root-margin-dense { + padding-inline-start: 0 + } -.mud-navmenu.mud-navmenu-primary .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-primary); -} + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input { + padding-inline-start: 12px + } -.mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-secondary); - background-color: var(--mud-palette-secondary-hover); -} + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input.mud-input-root-margin-dense { + padding-inline-start: 12px + } - .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-secondary-rgb),.12); + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input { + padding-inline-start: 14px } - .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-secondary); + .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense { + padding-inline-start: 14px + } + + .mud-input-control.mud-input-number-control .mud-input-numeric-spin { + display: inline-flex; + flex-direction: column; + justify-content: space-between; + position: absolute; + right: 0; + top: 0; + bottom: 0 } -.mud-navmenu.mud-navmenu-secondary .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-secondary); + .mud-input-control.mud-input-number-control .mud-input-numeric-spin button { + padding: 2px; + min-width: unset; + min-height: unset + } + + .mud-input-control.mud-input-number-control .mud-input-numeric-spin button { + padding: 2px 0 + } + +.mud-input-control-helper-container { + overflow: hidden; + margin-top: 3px } -.mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-tertiary); - background-color: var(--mud-palette-tertiary-hover); +.mud-input-helper-text { + color: var(--mud-palette-text-secondary); + margin: 0; + font-size: .75rem; + text-align: start; + font-weight: 400; + line-height: 1.66; + letter-spacing: .03333em } - .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-tertiary-rgb),.12); + .mud-input-helper-text.mud-input-helper-onfocus { + transform: translateY(-100%); + transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms } - .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-tertiary); - } +.mud-input-control:focus-within .mud-input-helper-text.mud-input-helper-onfocus, .mud-input-control.mud-input-error .mud-input-helper-text.mud-input-helper-onfocus { + transform: translateY(0) +} -.mud-navmenu.mud-navmenu-tertiary .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-tertiary); +.mud-input-helper-text.mud-disabled { + color: var(--mud-palette-text-disabled) } -.mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-info); - background-color: var(--mud-palette-info-hover); +.mud-input-helper-text.mud-input-error { + color: var(--mud-palette-error) !important } - .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-info-rgb),.12); - } +.mud-input-helper-text-margin-dense { + margin-top: 4px +} - .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-info); - } +.mud-input-helper-text-contained { + margin-left: 14px; + margin-right: 14px +} -.mud-navmenu.mud-navmenu-info .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-info); +.mud-application-layout-rtl .mud-input-control.mud-input-number-control .mud-input-numeric-spin { + left: 0; + right: unset } -.mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-success); - background-color: var(--mud-palette-success-hover); +.mud-input-label { + display: block; + transform-origin: top left } - .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-success-rgb),.12); - } +.mud-input-label-inputcontrol { + top: 0; + left: 0; + position: absolute; + transform: translate(0, 24px) scale(1) +} - .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-success); - } +.mud-input-label-margindense { + transform: translate(0, 21px) scale(1) +} -.mud-navmenu.mud-navmenu-success .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-success); +.mud-input-label-shrink { + transform: translate(0, 1.5px) scale(0.75); + transform-origin: top left } -.mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-warning); - background-color: var(--mud-palette-warning-hover); +.mud-input-label-animated { + transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms } - .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-warning-rgb),.12); - } +.mud-input-label-filled { + z-index: 1; + transform: translate(12px, 20px) scale(1); + pointer-events: none +} - .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-warning); + .mud-input-label-filled.mud-input-label-margin-dense { + transform: translate(12px, 17px) scale(1) } -.mud-navmenu.mud-navmenu-warning .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-warning); -} - -.mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-error); - background-color: var(--mud-palette-error-hover); +.mud-input-label-outlined { + transform: translate(14px, 20px) scale(1); + pointer-events: none; + background-color: var(--mud-palette-surface); + padding: 0px 5px !important } - .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-error-rgb),.12); + .mud-input-label-outlined.mud-input-label-margin-dense { + transform: translate(14px, 12px) scale(1) } - .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-error); - } +.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol { + color: var(--mud-palette-text-primary) +} -.mud-navmenu.mud-navmenu-error .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-error); +.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol { + color: var(--mud-palette-primary) } -.mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) { - color: var(--mud-palette-dark); - background-color: var(--mud-palette-dark-hover); +.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol { + transform: translate(0, 1.5px) scale(0.75); + transform-origin: top left } - .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { - background-color: rgba(var(--mud-palette-dark-rgb),.12); + .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled { + transform: translate(12px, 10px) scale(0.75) } - .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { - color: var(--mud-palette-dark); + .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense { + transform: translate(12px, 7px) scale(0.75) + } + + .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined { + transform: translate(14px, -6px) scale(0.75) } -.mud-navmenu.mud-navmenu-dark .mud-nav-link-expand-icon.mud-transform { - fill: var(--mud-palette-dark); -} + .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-error { + color: var(--mud-palette-error) + } -.mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { - padding-left: 36px; - padding-inline-start: 36px; - padding-inline-end: 16px; +.mud-application-layout-rtl .mud-input-label { + transform-origin: top right } -.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding-left: 48px; - padding-inline-start: 48px; +.mud-application-layout-rtl .mud-input-label-inputcontrol { + left: unset; + right: 0 } -.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { - padding-left: 48px; - padding-inline-start: 48px; - padding-inline-end: 16px; +.mud-application-layout-rtl .mud-input-label-shrink { + transform-origin: top right } -.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding-left: 60px; - padding-inline-start: 60px; - padding-inline-end: 0; +.mud-application-layout-rtl .mud-input-label-filled { + transform: translate(-12px, 20px) scale(1) } -.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { - padding-left: 60px; - padding-inline-start: 60px; - padding-inline-end: 16px; -} + .mud-application-layout-rtl .mud-input-label-filled.mud-input-label-margin-dense { + transform: translate(-12px, 17px) scale(1) + } -.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding-left: 72px; - padding-inline-start: 72px; - padding-inline-end: 0; +.mud-application-layout-rtl .mud-input-label-outlined { + transform: translate(-14px, 20px) scale(1) } -.mud-drawer--closed.mud-drawer-mini > .mud-drawer-content > .mud-navmenu .mud-nav-link .mud-icon-root:first-child + .mud-nav-link-text { - display: none; -} + .mud-application-layout-rtl .mud-input-label-outlined.mud-input-label-margin-dense { + transform: translate(-14px, 12px) scale(1) + } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding: 8px 16px 8px 16px; +.mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol { + transform-origin: top right } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { - padding: 8px 16px 8px 16px; -} + .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled { + transform: translate(-12px, 10px) scale(0.75) + } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding: 8px 16px 8px 16px; -} + .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense { + transform: translate(-12px, 7px) scale(0.75) + } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { - padding: 8px 16px 8px 16px; + .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined { + transform: translate(-14px, -6px) scale(0.75) + } + +.mud-application-layout-rtl { + direction: rtl } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding: 8px 16px 8px 16px; +.mud-link.mud-link-underline-none { + text-decoration: none } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { - padding: 8px 16px 8px 16px; +.mud-link.mud-link-underline-hover { + text-decoration: none } -.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { - padding: 8px 16px 8px 16px; + .mud-link.mud-link-underline-hover:hover, .mud-link.mud-link-underline-hover:focus-visible { + text-decoration: underline + } + +.mud-link.mud-link-underline-always { + text-decoration: underline } -.page-content-navigation .page-content-navigation-navlink.active .mud-nav-link { - color: var(--mud-palette-primary); - border-color: var(--mud-palette-primary); - background-color: transparent; +.mud-link.mud-link-disabled { + cursor: default; + color: var(--mud-palette-action-disabled) !important } -.page-content-navigation .page-content-navigation-navlink .mud-nav-link { - padding: 4px 16px 4px 16px; - color: var(--mud-palette-text-secondary); - border-left: 2px solid var(--mud-palette-action-disabled-background); -} - - .page-content-navigation .page-content-navigation-navlink .mud-nav-link.active { - color: var(--mud-palette-primary); - border-color: var(--mud-palette-primary); - background-color: transparent; + .mud-link.mud-link-disabled:not(.mud-link-underline-always) { + text-decoration: none } - .page-content-navigation .page-content-navigation-navlink .mud-nav-link .mud-nav-link-text { - margin-left: 0; - margin-inline-start: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; +.mud-list { + margin: 0; + padding: 0; + position: relative; + list-style: none +} + + .mud-list.mud-list-padding { + padding-top: 8px; + padding-bottom: 8px } -.mud-pagination { - display: inline-flex; - flex-wrap: wrap; - gap: 6px; +.mud-list-item { + width: 100%; + display: flex; + position: relative; + box-sizing: border-box; + text-align: start; align-items: center; - margin: 0; + padding-top: 8px; + padding-bottom: 8px; + justify-content: flex-start; + text-decoration: none } - .mud-pagination .mud-pagination-item > * { - height: 32px; - min-width: 32px; - margin: 0 3px; - padding: 0 6px; - text-align: center; - border-radius: 16px; + .mud-list-item.mud-list-item-dense { + padding-top: 4px; + padding-bottom: 4px } - .mud-pagination .mud-pagination-item :not(mud-pagination-item-selected) > * { - box-shadow: none; + .mud-list-item.mud-list-item-disabled { + color: var(--mud-palette-action-disabled) !important; + cursor: default !important; + pointer-events: none !important } - .mud-pagination .mud-pagination-item .mud-button { - line-height: normal; - } + .mud-list-item.mud-list-item-disabled .mud-list-item-icon { + color: var(--mud-palette-action-disabled) !important + } - .mud-pagination .mud-pagination-item .mud-icon-button { - padding: 0; - } +.mud-list-item-clickable { + color: inherit; + border: 0; + cursor: pointer; + margin: 0; + outline: 0; + user-select: none; + border-radius: 0; + vertical-align: middle; + background-color: rgba(0,0,0,0); + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(0,0,0,0); + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms +} - .mud-pagination .mud-pagination-item-rectangular .mud-button { - border-radius: var(--mud-default-borderradius); + .mud-list-item-clickable:hover { + background-color: var(--mud-palette-action-default-hover) } - .mud-pagination .mud-pagination-item .mud-typography[disabled] { - color: var(--mud-palette-action-disabled) !important; + .mud-list-item-clickable:focus:not(.mud-selected-item) { + background-color: var(--mud-palette-action-default-hover) } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-default { - background-color: var(--mud-palette-action-default-hover); +.mud-list-item-gutters { + padding-left: 16px; + padding-right: 16px } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-primary { - background-color: var(--mud-palette-primary-hover); +.mud-list-item-text { + flex: 1 1 auto; + min-width: 0; + margin-top: 4px; + margin-bottom: 4px } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-secondary { - background-color: var(--mud-palette-secondary-hover); +.mud-list-item-text-inset { + padding-left: 56px; + padding-inline-start: 56px; + padding-inline-end: unset } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-tertiary { - background-color: var(--mud-palette-tertiary-hover); +.mud-list-item-icon { + color: var(--mud-palette-action-default); + display: inline-flex; + min-width: 56px; + flex-shrink: 0 } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-info { - background-color: var(--mud-palette-info-hover); +.mud-list-subheader { + color: var(--mud-palette-action-default); + font-size: .875rem; + box-sizing: border-box; + list-style: none; + font-weight: 500; + padding-top: 8px; + padding-bottom: 20px } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-success { - background-color: var(--mud-palette-success-hover); +.mud-list-subheader-gutters { + padding-left: 16px; + padding-right: 16px } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-warning { - background-color: var(--mud-palette-warning-hover); +.mud-list-subheader-inset { + padding-left: 72px; + padding-inline-start: 72px; + padding-inline-end: unset } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-error { - background-color: var(--mud-palette-error-hover); +.mud-list-subheader-sticky { + top: 0; + z-index: 1; + position: sticky; + background-color: inherit } -.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-dark { - background-color: var(--mud-palette-dark-hover); +.mud-list-item-avatar { + min-width: 56px; + flex-shrink: 0 } -.mud-pagination-filled .mud-pagination-item:not(.mud-pagination-item-selected) .mud-button { - background-color: var(--mud-palette-surface); +.mud-nested-list > .mud-list-item { + padding-left: 32px; + padding-inline-start: 32px; + padding-inline-end: unset } -.mud-pagination-filled .mud-pagination-item .mud-button { - box-shadow: var(--mud-elevation-1); +.mud-menu { + display: inline-flex; + align-self: center; + position: relative } -.mud-pagination-small .mud-pagination-item > * { - height: 26px; - min-width: 26px; - margin: 0 1px; - padding: 0 4px; - border-radius: 13px; -} + .mud-menu * { + cursor: pointer + } -.mud-pagination-large .mud-pagination-item > * { - height: 40px; - min-width: 40px; - padding: 0 10px; - border-radius: 20px; -} + .mud-menu > div.mud-disabled { + cursor: default + } -.mud-pagination-disable-elevation .mud-pagination-item .mud-button { - box-shadow: none; -} + .mud-menu > div.mud-disabled * { + cursor: default + } -.mud-pagination-rtl .mud-pagination-item .mud-icon-root { - transform: scaleX(-1); -} + .mud-menu > div.mud-menu-activator { + display: contents + } -.mud-picker.mud-rounded { - border-radius: var(--mud-default-borderradius); +.mud-navmenu { + margin: 0; + position: relative; + list-style: none; + overscroll-behavior-y: contain } -.mud-picker .mud-picker-actions { - flex: 0 0 auto; - display: flex; - padding: 8px; - align-items: center; - justify-content: flex-end; +.mud-nav-group { + width: 100%; + display: block; + justify-content: flex-start } - .mud-picker .mud-picker-actions > :not(:first-child) { - margin-left: 8px; - margin-inline-start: 8px; - margin-inline-end: unset; + .mud-nav-group > .mud-nav-link > .mud-nav-link-text { + font-weight: 500 } -.mud-picker-inline { - display: flex; - flex: 1 1 auto; - position: relative; - max-width: 100%; -} - - .mud-picker-inline.mud-picker-input-button .mud-input, .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root { - cursor: pointer; + .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text { + font-weight: 400 } - .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input, .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input .mud-input-root { - cursor: default; + .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text { + font-weight: 500 } - .mud-picker-inline.mud-picker-input-text { - cursor: text; + .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding-left: 36px; + padding-inline-start: 36px; + padding-inline-end: unset } - .mud-picker-inline.mud-picker-input-text:hover { - cursor: text; - } - - .mud-picker-inline.mud-picker-input-text.mud-disabled { - cursor: default; - } - - .mud-picker-inline.mud-picker-input-text.mud-disabled:hover { - cursor: default; - } +.mud-nav-group-disabled, .mud-nav-group-disabled .mud-nav-link-text, .mud-nav-group-disabled .mud-nav-link-expand-icon, .mud-nav-group-disabled .mud-nav-link-icon { + color: var(--mud-palette-text-disabled) !important; + cursor: default; + pointer-events: none +} -.mud-picker-static { +.mud-nav-item { + width: 100%; display: flex; - overflow: hidden; - min-width: 310px; - flex-direction: column; + justify-content: flex-start; + text-decoration: none } -.mud-picker-container { - display: flex; - flex-direction: column; - border-radius: inherit; +.mud-nav-link { + width: 100%; + font-weight: 400; + padding: 8px 16px 8px 16px; + color: inherit; + line-height: 1.75; + display: inline-flex; + align-items: center; + justify-content: flex-start; + text-transform: inherit; + background-color: rgba(0,0,0,0); + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,padding 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + align-items: flex-start } - .mud-picker-container.mud-picker-container-landscape { - flex-direction: row; + .mud-nav-link.mud-nav-link-disabled { + color: var(--mud-palette-text-disabled) !important; + cursor: default; + pointer-events: none } - .mud-picker-container .mud-toolbar { - border-top-left-radius: inherit; - border-top-right-radius: inherit; + .mud-nav-link:hover:not(.mud-nav-link-disabled) { + cursor: pointer; + text-decoration: none; + background-color: var(--mud-palette-action-default-hover) } -.mud-picker-popover-paper { - outline: 0; - z-index: calc(var(--mud-zindex-popover) + 1); - position: absolute; - min-width: 16px; - min-height: 16px; - overflow-x: hidden; - overflow-y: auto; -} - -.mud-picker-view { - display: none; - margin-top: 20px; -} + .mud-nav-link:focus:not(.mud-nav-link-disabled) { + background-color: var(--mud-palette-action-default-hover) + } - .mud-picker-view.mud-picker-open { - display: block; - animation: mud-animation-fadein 251ms; + .mud-nav-link.active:not(.mud-nav-link-disabled) { + font-weight: 500 !important } -.mud-picker-content { - display: flex; - max-width: 100%; - min-width: 310px; - min-height: 305px; - overflow: hidden; - flex-direction: column; - justify-content: center; -} + .mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default { + color: var(--mud-palette-drawer-icon) + } - .mud-picker-content.mud-picker-content-landscape { - padding: 0 8px; + .mud-nav-link.mud-nav-link-disabled .mud-nav-link-icon { + color: var(--mud-palette-text-disabled) } -.mud-picker-toolbar { - height: 100px; - display: flex; - align-items: center; - flex-direction: row; - justify-content: center; -} - - .mud-picker-toolbar.mud-picker-toolbar-landscape { - height: auto; - padding: 8px; - max-width: 150px; - justify-content: flex-start; + .mud-nav-link .mud-nav-link-expand-icon { + color: var(--mud-palette-drawer-icon); + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1),visibility 0s } - .mud-picker-toolbar.mud-button-root { - padding: 0; - min-width: 16px; - text-transform: none; + .mud-nav-link .mud-nav-link-expand-icon.mud-transform { + transform: rotate(-180deg) + } + + .mud-nav-link .mud-nav-link-expand-icon.mud-transform-disabled { + transform: rotate(-180deg) + } + + .mud-nav-link .mud-nav-link-text { + width: 100%; + text-align: start; + margin-left: 12px; + margin-inline-start: 12px; + margin-inline-end: unset; + letter-spacing: 0 } -.mud-picker-inline-paper .mud-paper { - position: relative !important; +.mud-navmenu.mud-navmenu-dense .mud-nav-link { + padding: 4px 16px 4px 16px } -.mud-picker-hidden { - visibility: hidden; +.mud-navmenu.mud-navmenu-margin-dense .mud-nav-link { + margin: 2px 0 } -.mud-picker-pos-top { - top: 0; - position: fixed; - visibility: visible; +.mud-navmenu.mud-navmenu-margin-normal .mud-nav-link { + margin: 4px 0 } - .mud-picker-pos-top.mud-picker-pos-left { - left: 10px; - } +.mud-navmenu.mud-navmenu-rounded .mud-nav-link { + border-radius: var(--mud-default-borderradius) +} - .mud-picker-pos-top.mud-picker-pos-right { - right: 10px; - } +.mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) { + border-inline-end-style: solid; + border-inline-end-width: 2px +} -.mud-picker-pos-above { - bottom: 0; - visibility: visible; +.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-primary); + background-color: var(--mud-palette-action-default-hover) } - .mud-picker-pos-above.mud-picker-pos-left { - left: 50%; - transform: translateX(-50%); + .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: var(--mud-palette-action-default-hover) } - .mud-picker-pos-above.mud-picker-pos-right { - right: 0; - } +.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-primary) +} -.mud-picker-pos-bottom { - bottom: 10px; - position: fixed; - visibility: visible; +.mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary-hover) } - .mud-picker-pos-bottom.mud-picker-pos-left { - left: 10px; + .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-primary-rgb), 0.12) } - .mud-picker-pos-bottom.mud-picker-pos-right { - right: 10px; + .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-primary) } -.mud-picker-pos-below { - visibility: visible; +.mud-navmenu.mud-navmenu-primary .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-primary) } - .mud-picker-pos-below.mud-picker-pos-left { - left: 50%; - transform: translateX(-50%); +.mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary-hover) +} + + .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-secondary-rgb), 0.12) } - .mud-picker-pos-below.mud-picker-pos-right { - right: 0; + .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-secondary) } -.mud-picker-datepicker-toolbar { - align-items: flex-start; - flex-direction: column; +.mud-navmenu.mud-navmenu-secondary .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-secondary) } - .mud-picker-datepicker-toolbar .mud-button-year { - font-size: 1rem; - font-weight: 400; - line-height: 1.75; - letter-spacing: .00938em; - } +.mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary-hover) +} - .mud-picker-datepicker-toolbar .mud-button-date { - font-size: 2.125rem; - font-weight: 400; - line-height: 1.17; - letter-spacing: .00735em; - text-transform: none; + .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12) } -.mud-picker-datepicker-toolbar-landscape { - padding: 16px; -} + .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-tertiary) + } -.mud-picker-datepicker-date-landscape { - margin-right: 16px; - margin-inline-end: 16px; - margin-inline-start: unset; +.mud-navmenu.mud-navmenu-tertiary .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-tertiary) } -.mud-picker-calendar-header-switch { - display: flex; - margin-top: 4px; - align-items: center; - margin-bottom: 8px; - justify-content: space-between; +.mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-info); + background-color: var(--mud-palette-info-hover) } - .mud-picker-calendar-header-switch > .mud-icon-button { - z-index: 1; - padding: 8px; - margin: 6px; - background-color: var(--mud-palette-surface); + .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-info-rgb), 0.12) } - .mud-picker-calendar-header-switch > .mud-icon-button:hover { - background-color: var(--mud-palette-action-default-hover); - } - - .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition { - width: 100%; - height: 23px; - overflow: hidden; + .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-info) } - .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition:hover .mud-typography { - cursor: pointer; - font-weight: 500; - } - -.mud-picker-calendar-header-day { - display: flex; - max-height: 16px; - align-items: center; - justify-content: center; +.mud-navmenu.mud-navmenu-info .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-info) } - .mud-picker-calendar-header-day .mud-day-label { - color: var(--mud-palette-text-secondary); - width: 36px; - margin: 0 2px; - text-align: center; - } - -.mud-picker-year-container { - height: 300px; - overflow-y: auto; +.mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-success); + background-color: var(--mud-palette-success-hover) } - .mud-picker-year-container .mud-picker-year { - cursor: pointer; - height: 40px; - display: flex; - outline: none; - align-items: center; - justify-content: center; - user-select: none; - animation: mud-animation-fadein 500ms; - transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-success-rgb), 0.12) } - .mud-picker-year-container .mud-picker-year:hover { - background-color: var(--mud-palette-action-default-hover); - } + .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-success) + } - .mud-picker-year-container .mud-picker-year .mud-picker-year-selected { - margin: 10px 0; - font-weight: 500; - } +.mud-navmenu.mud-navmenu-success .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-success) +} -.mud-picker-month-container { - width: 310px; - display: flex; - flex-wrap: wrap; - align-content: stretch; +.mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning-hover) } - .mud-picker-month-container .mud-picker-month { - flex: 1 0 33.33%; - cursor: pointer; - height: 60px; - display: flex; - outline: none; - transition: font-size 100ms cubic-bezier(.4,0,.2,1) 0ms; - align-items: center; - justify-content: center; - transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-warning-rgb), 0.12) } - .mud-picker-month-container .mud-picker-month:hover { - background-color: var(--mud-palette-action-default-hover); - } - - .mud-picker-month-container .mud-picker-month .mud-picker-month-selected { - font-weight: 500; - } + .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-warning) + } - .mud-picker-month-container .mud-picker-month.mud-disabled { - color: var(--mud-palette-text-disabled); - pointer-events: none; - } +.mud-navmenu.mud-navmenu-warning .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-warning) +} -.mud-picker-slide-transition { - display: block; - position: relative; +.mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-error); + background-color: var(--mud-palette-error-hover) } - .mud-picker-slide-transition > * { - top: 0; - left: 0; - right: 0; - position: absolute; + .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-error-rgb), 0.12) } -.mud-picker-calendar-transition { - margin-top: 12px; - min-height: 216px; -} + .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-error) + } -.mud-picker-calendar-progress-container { - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; +.mud-navmenu.mud-navmenu-error .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-error) } -.mud-picker-calendar-content { - display: grid; - --selected-day: 0; - grid-column-gap: 10px; - grid-template-columns: auto; +.mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) { + color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark-hover) } -@media(min-width:600px) { - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) { - grid-template-columns: repeat(2,minmax(auto,1fr)); + .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) { + background-color: rgba(var(--mud-palette-dark-rgb), 0.12) } - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-next { - visibility: hidden; - } - - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev { - visibility: visible; - } + .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon { + color: var(--mud-palette-dark) + } - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-next { - visibility: visible; - } +.mud-navmenu.mud-navmenu-dark .mud-nav-link-expand-icon.mud-transform { + fill: var(--mud-palette-dark) +} - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev { - visibility: hidden; - } +.mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { + padding-left: 36px; + padding-inline-start: 36px; + padding-inline-end: 16px } -@media(min-width:960px) { - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) { - grid-template-columns: repeat(3,minmax(auto,1fr)); - } +.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding-left: 48px; + padding-inline-start: 48px +} - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-next { - visibility: hidden; - } +.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { + padding-left: 48px; + padding-inline-start: 48px; + padding-inline-end: 16px +} - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev { - visibility: visible; - } +.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding-left: 60px; + padding-inline-start: 60px; + padding-inline-end: 0 +} - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev { - visibility: hidden; - } +.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { + padding-left: 60px; + padding-inline-start: 60px; + padding-inline-end: 16px +} - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-next { - visibility: visible; - } +.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding-left: 72px; + padding-inline-start: 72px; + padding-inline-end: 0 +} - .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev { - visibility: hidden; - } +.mud-drawer-mini .mud-nav-link { + line-height: 1; + display: flex; + align-items: center } -:not(.mud-picker-hidden) .mud-picker-calendar-header-last .mud-picker-nav-button-next { - visibility: inherit !important; +.mud-drawer--closed.mud-drawer-mini > .mud-drawer-content > .mud-navmenu .mud-nav-link .mud-icon-root:first-child + .mud-nav-link-text { + display: none } -.mud-picker-hidden .mud-picker-nav-button-next, .mud-picker-hidden .mud-picker-nav-button-prev { - visibility: hidden !important; +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding: 8px 16px 8px 16px } -.mud-picker-calendar-container { - display: flex; - width: 310px; - flex-direction: column; +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { + padding: 8px 16px 8px 16px } -.mud-picker-calendar { - display: flex; - flex-wrap: wrap; +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding: 8px 16px 8px 16px +} + +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { + padding: 8px 16px 8px 16px +} + +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding: 8px 16px 8px 16px +} + +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link { + padding: 8px 16px 8px 16px +} + +.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link { + padding: 8px 16px 8px 16px +} + +.mud-overlay { + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0 !important; + align-items: center; justify-content: center; + border-radius: inherit; + display: flex; + position: fixed; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1),z-index 1ms; + z-index: 5 } - .mud-picker-calendar .mud-day { - color: var(--mud-palette-text-primary); - width: 36px; - height: 36px; - margin: 0 2px; - padding: 0; - font-size: .75rem; - font-weight: 500; + .mud-overlay.mud-overlay-absolute { + position: absolute } - .mud-picker-calendar .mud-day:hover { - background-color: var(--mud-palette-action-default-hover); - } + .mud-overlay .mud-overlay-scrim { + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: inherit; + position: absolute; + height: 100%; + width: 100%; + border-color: rgba(0,0,0,0); + background-color: rgba(0,0,0,0); + animation: mud-animation-fadein ease .15s; + -webkit-animation: mud-animation-fadein ease .15s; + -moz-animation: mud-animation-fadein ease .15s; + -o-animation: mud-animation-fadein ease .15s + } - .mud-picker-calendar .mud-day.mud-hidden { - opacity: 0; - pointer-events: none; + .mud-overlay .mud-overlay-scrim.mud-overlay-dark { + border-color: var(--mud-palette-overlay-dark); + background-color: var(--mud-palette-overlay-dark) } - .mud-picker-calendar .mud-day.mud-current { - font-weight: 600; + .mud-overlay .mud-overlay-scrim.mud-overlay-light { + border-color: var(--mud-palette-overlay-light); + background-color: var(--mud-palette-overlay-light) } - .mud-picker-calendar .mud-day.mud-selected { - font-weight: 500; + .mud-overlay .mud-overlay-scrim:hover { + cursor: default } - .mud-picker-calendar .mud-day .mud-typography { - margin-top: 2px; - } + .mud-overlay .mud-overlay-content { + position: relative + } - .mud-picker-calendar .mud-day.mud-disabled { - color: var(--mud-palette-text-disabled); - pointer-events: none; - } + .mud-overlay.mud-overlay-popover { + z-index: var(--mud-zindex-popover) + } - .mud-picker-calendar .mud-day.mud-range { - margin: 0; - width: 40px; - transition: none; - } + .mud-overlay.mud-overlay-dialog { + z-index: calc(var(--mud-zindex-dialog) + 1) + } - .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected { - border-radius: 50% 0% 0% 50%; - } + .mud-overlay.mud-overlay-drawer { + z-index: calc(var(--mud-zindex-appbar) + 1) + } - .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected { - border-radius: 0% 50% 50% 0%; - } +.page-content-navigation .page-content-navigation-navlink.active .mud-nav-link { + color: var(--mud-palette-primary); + border-color: var(--mud-palette-primary); + background-color: rgba(0,0,0,0) +} - .mud-picker-calendar .mud-day.mud-range.mud-range-between { - border-radius: 0; - background-color: var(--mud-palette-action-default-hover); - } +.page-content-navigation .page-content-navigation-navlink .mud-nav-link { + padding: 4px 16px 4px 16px; + color: var(--mud-palette-text-secondary); + border-left: 2px solid var(--mud-palette-action-disabled-background) +} - .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover.mud-range-start-selected { - border-radius: 50%; - } + .page-content-navigation .page-content-navigation-navlink .mud-nav-link.active { + color: var(--mud-palette-primary); + border-color: var(--mud-palette-primary); + background-color: rgba(0,0,0,0) + } - .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) { - border-radius: 0% 50% 50% 0%; - } + .page-content-navigation .page-content-navigation-navlink .mud-nav-link .mud-nav-link-text { + margin-left: 0px; + margin-inline-start: 0px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis + } - .mud-picker-calendar .mud-day.mud-range.mud-range-selection:not(:hover):not(.mud-range-start-selected) { - border-radius: 0; - background: linear-gradient(var(--mud-palette-action-default-hover) 100%,var(--mud-palette-action-default-hover) 100%,transparent 0%); - background-size: 100% calc(100%*(var(--selected-day) - var(--day-id))); - } +.mud-pagination { + display: inline-flex; + flex-wrap: wrap; + gap: 6px; + align-items: center; + margin: 0 +} -.mud-range-selection-primary:hover { - color: var(--mud-palette-primary-text) !important; - background-color: var(--mud-palette-primary) !important; + .mud-pagination .mud-pagination-item > * { + height: 32px; + min-width: 32px; + margin: 0 3px; + padding: 0 6px; + text-align: center; + border-radius: 16px + } + + .mud-pagination .mud-pagination-item :not(mud-pagination-item-selected) > * { + box-shadow: none + } + + .mud-pagination .mud-pagination-item .mud-button { + line-height: normal + } + + .mud-pagination .mud-pagination-item .mud-icon-button { + padding: 0 + } + + .mud-pagination .mud-pagination-item-rectangular .mud-button { + border-radius: var(--mud-default-borderradius) + } + + .mud-pagination .mud-pagination-item .mud-typography[disabled] { + color: var(--mud-palette-action-disabled) !important + } + +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-default { + background-color: var(--mud-palette-action-default-hover) } -.mud-range-selection-secondary:hover { - color: var(--mud-palette-secondary-text) !important; - background-color: var(--mud-palette-secondary) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-primary { + background-color: var(--mud-palette-primary-hover) } -.mud-range-selection-tertiary:hover { - color: var(--mud-palette-tertiary-text) !important; - background-color: var(--mud-palette-tertiary) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-secondary { + background-color: var(--mud-palette-secondary-hover) } -.mud-range-selection-info:hover { - color: var(--mud-palette-info-text) !important; - background-color: var(--mud-palette-info) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-tertiary { + background-color: var(--mud-palette-tertiary-hover) } -.mud-range-selection-success:hover { - color: var(--mud-palette-success-text) !important; - background-color: var(--mud-palette-success) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-info { + background-color: var(--mud-palette-info-hover) } -.mud-range-selection-warning:hover { - color: var(--mud-palette-warning-text) !important; - background-color: var(--mud-palette-warning) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-success { + background-color: var(--mud-palette-success-hover) } -.mud-range-selection-error:hover { - color: var(--mud-palette-error-text) !important; - background-color: var(--mud-palette-error) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-warning { + background-color: var(--mud-palette-warning-hover) } -.mud-range-selection-dark:hover { - color: var(--mud-palette-dark-text) !important; - background-color: var(--mud-palette-dark) !important; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-error { + background-color: var(--mud-palette-error-hover) } -.mud-picker-calendar-week { - display: flex; - margin: 0 5px; - justify-content: center; - align-items: center; +.mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-dark { + background-color: var(--mud-palette-dark-hover) } - .mud-picker-calendar-week .mud-picker-calendar-week-text { - width: 15px; - margin-top: 2px !important; - color: var(--mud-palette-text-disabled); - } +.mud-pagination-filled .mud-pagination-item:not(.mud-pagination-item-selected) .mud-button { + background-color: var(--mud-palette-surface) +} -.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected { - border-radius: 0% 50% 50% 0%; +.mud-pagination-filled .mud-pagination-item .mud-button { + box-shadow: var(--mud-elevation-1) } -.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected { - border-radius: 50% 0% 0% 50%; +.mud-pagination-small .mud-pagination-item > * { + height: 26px; + min-width: 26px; + margin: 0 1px; + padding: 0 4px; + border-radius: 13px } -.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) { - border-radius: 50% 0% 0% 50%; +.mud-pagination-large .mud-pagination-item > * { + height: 40px; + min-width: 40px; + padding: 0 10px; + border-radius: 20px } -.mud-picker-timepicker-toolbar .mud-timepicker-button { - padding: 0; - min-width: 16px; - text-transform: none; +.mud-pagination-disable-elevation .mud-pagination-item .mud-button { + box-shadow: none } - .mud-picker-timepicker-toolbar .mud-timepicker-button.mud-timepicker-toolbar-text { - color: rgba(255,255,255,.54); - } +.mud-pagination-rtl .mud-pagination-item .mud-icon-root { + transform: scaleX(-1) +} - .mud-picker-timepicker-toolbar .mud-timepicker-button:hover { - background-color: var(--mud-theme-default-hover); - } +.mud-picker.mud-rounded { + border-radius: var(--mud-default-borderradius) +} -.mud-picker-timepicker-toolbar .mud-timepicker-hourminute { +.mud-picker .mud-picker-actions { + flex: 0 0 auto; display: flex; - align-items: baseline; - justify-content: flex-end; + padding: 8px; + align-items: center; + justify-content: flex-end } - .mud-picker-timepicker-toolbar .mud-timepicker-hourminute .mud-timepicker-button { - font-size: 3.75rem; - font-weight: 300; - line-height: 1; - letter-spacing: -.00833em; + .mud-picker .mud-picker-actions > :not(:first-child) { + margin-left: 8px; + margin-inline-start: 8px; + margin-inline-end: unset } -.mud-picker-timepicker-toolbar .mud-timepicker-ampm { +.mud-picker-inline { display: flex; - margin-left: 20px; - margin-right: -20px; - margin-inline-start: 20px; - margin-inline-end: -20px; - flex-direction: column; -} - - .mud-picker-timepicker-toolbar .mud-timepicker-ampm .mud-timepicker-button { - font-size: 18px; - font-weight: 400; - line-height: 1.75; - letter-spacing: .00938em; - } - -.mud-picker-timepicker-toolbar .mud-timepicker-separator { - cursor: default; - margin: 0 4px 0 2px; - margin-inline-start: 2px; - margin-inline-end: 4px; -} - -.mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape { - flex-wrap: wrap; - width: 150px; - justify-content: center; + flex: 1 1 auto; + position: relative; + max-width: 100% } - .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-hourminute .mud-timepicker-button { - font-size: 3rem; - font-weight: 400; - line-height: 1.04; - letter-spacing: 0; - } - - .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm { - display: flex; - margin-left: 20px; - margin-right: -20px; - margin-inline-start: 20px; - margin-inline-end: -20px; - flex-direction: column; + .mud-picker-inline.mud-picker-input-button .mud-input, .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root { + cursor: pointer } - .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm .mud-timepicker-button { - font-size: 18px; - font-weight: 400; - line-height: 1.75; - letter-spacing: .00938em; - } - - .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-separator { - font-size: 3rem; - font-weight: 400; - line-height: 1.04; - letter-spacing: 0; + .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input, .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input .mud-input-root { + cursor: default } -.mud-picker-time-container { - margin: 16px 0 8px; - display: flex; - align-items: flex-end; - justify-content: center; -} - - .mud-picker-time-container .mud-picker-time-clock { - width: 260px; - height: 260px; - position: relative; - border-radius: 50%; - pointer-events: none; - background-color: rgba(0,0,0,.07); + .mud-picker-inline.mud-picker-input-text { + cursor: text } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-mask { - width: 100%; - height: 100%; - outline: none; - position: absolute; - user-select: none; - touch-actions: none; - pointer-events: auto; - } - - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pin { - top: 50%; - left: 50%; - width: 6px; - height: 6px; - position: absolute; - transform: translate(-50%,-50%); - border-radius: 50%; + .mud-picker-inline.mud-picker-input-text:hover { + cursor: text } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner { - left: calc(50% - 1px); - width: 3px; - height: 35%; - bottom: 0; - position: absolute; - transform-origin: center bottom 0; + .mud-picker-inline.mud-picker-input-text.mud-disabled { + cursor: default } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner.mud-hour:after { - content: ""; - position: absolute; - left: 50%; - transform: translate(-50%,-50%); - height: 48px; - width: 48px; - top: -60%; - border-radius: 50%; - background-color: inherit; + .mud-picker-inline.mud-picker-input-text.mud-disabled:hover { + cursor: default } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer { - left: calc(50% - 1px); - width: 0; - height: 35%; - bottom: 35%; - position: absolute; - transform-origin: center bottom 0; - } +.mud-picker-static { + display: flex; + overflow: hidden; + min-width: 310px; + flex-direction: column +} - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer.mud-hour:after { - content: ""; - position: absolute; - left: 50%; - transform: translate(-50%,-50%); - height: 48px; - width: 62px; - top: -20px; - border-radius: 50%; - background-color: inherit; - } +.mud-picker-container { + display: flex; + flex-direction: column; + border-radius: inherit +} - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick { - left: calc(50% - 1px); - width: 3px; - height: 50%; - bottom: 50%; - position: absolute; - transform-origin: center bottom 0; - } + .mud-picker-container.mud-picker-container-landscape { + flex-direction: row + } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-hour:after { - content: ""; - position: absolute; - left: 50%; - transform: translate(-50%,-50%); - height: 62px; - width: 62px; - top: 20px; - border-radius: 50%; - background-color: inherit; - } + .mud-picker-container .mud-toolbar { + border-top-left-radius: inherit; + border-top-right-radius: inherit + } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-minute:after { - content: ""; - position: absolute; - left: 50%; - transform: translate(-50%,-50%); - height: 44px; - width: 15px; - top: 20px; - border-radius: 50%; - background-color: inherit; - } +.mud-picker-popover-paper { + outline: 0; + z-index: calc(var(--mud-zindex-popover) + 1); + position: absolute; + min-width: 16px; + min-height: 16px; + overflow-x: hidden; + overflow-y: auto +} - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer { - left: calc(50% - 1px); - width: 2px; - bottom: 50%; - position: absolute; - transform-origin: center bottom 0; - } +.mud-picker-view { + display: none; + margin-top: 20px +} - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer.mud-picker-time-clock-pointer-animation { - transition: transform 150ms cubic-bezier(.4,0,.2,1) 0ms,height 150ms cubic-bezier(.4,0,.2,1) 0ms; - } + .mud-picker-view.mud-picker-open { + display: block; + animation: mud-animation-fadein 251ms + } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb { - position: absolute; - border-radius: 100%; - } +.mud-picker-content { + display: flex; + max-width: 100%; + min-width: 310px; + min-height: 305px; + overflow: hidden; + flex-direction: column; + justify-content: center +} - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-text { - top: -19px; - left: -13px; - width: 28px; - height: 28px; - border: none; - background-color: inherit; - } + .mud-picker-content.mud-picker-content-landscape { + padding: 0 8px + } - .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-minute { - background: transparent; - border: 2px solid; - width: 10px; - height: 10px; - top: -9px; - left: -4px; - } +.mud-picker-toolbar { + height: 100px; + display: flex; + align-items: center; + flex-direction: row; + justify-content: center +} - .mud-picker-time-container .mud-picker-time-clock .mud-clock-number { - left: calc((100% - 32px)/2); - color: var(--mud-palette-text-primary); - background-color: transparent !important; - width: 32px; - height: 32px; - display: inline-flex; - position: absolute; - align-items: center; - user-select: none; - border-radius: 50%; - justify-content: center; - transition-duration: 120ms; - transition-property: color; - } + .mud-picker-toolbar.mud-picker-toolbar-landscape { + height: auto; + padding: 8px; + max-width: 150px; + justify-content: flex-start + } -.mud-time-picker-dial { - width: 100%; - height: 100%; - position: absolute; - transition: transform 350ms,opacity 350ms; -} + .mud-picker-toolbar.mud-button-root { + padding: 0; + min-width: 16px; + text-transform: none + } -.mud-time-picker-dial-out { - opacity: 0; +.mud-picker-inline-paper .mud-paper { + position: relative !important } -.mud-time-picker-hour.mud-time-picker-dial-out { - transform: scale(1.2,1.2); - transform-origin: center; +.mud-picker-hidden { + visibility: hidden } -.mud-time-picker-minute.mud-time-picker-dial-out { - transform: scale(.8,.8); - transform-origin: center; +.mud-picker-pos-top { + top: 0px; + position: fixed; + visibility: visible } -.mud-time-picker-dial-hidden { - visibility: hidden; -} + .mud-picker-pos-top.mud-picker-pos-left { + left: 10px + } -.mud-picker-container + .mud-picker-color-toolbar { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} + .mud-picker-pos-top.mud-picker-pos-right { + right: 10px + } -.mud-picker-container + .mud-picker-color-content { - border-top-left-radius: inherit; - border-top-right-radius: inherit; +.mud-picker-pos-above { + bottom: 0px; + visibility: visible } -.mud-picker-color-toolbar { - height: 32px; - padding-right: 2px; - padding-left: 2px; + .mud-picker-pos-above.mud-picker-pos-left { + left: 50%; + transform: translateX(-50%) + } + + .mud-picker-pos-above.mud-picker-pos-right { + right: 0px + } + +.mud-picker-pos-bottom { + bottom: 10px; + position: fixed; + visibility: visible } -.mud-picker-color-content { - min-height: unset; - position: relative; + .mud-picker-pos-bottom.mud-picker-pos-left { + left: 10px + } + + .mud-picker-pos-bottom.mud-picker-pos-right { + right: 10px + } + +.mud-picker-pos-below { + visibility: visible } -.mud-picker-color-picker { - width: 312px; - height: 250px; - position: relative; - overflow: hidden; + .mud-picker-pos-below.mud-picker-pos-left { + left: 50%; + transform: translateX(-50%) + } + + .mud-picker-pos-below.mud-picker-pos-right { + right: 0px + } + +.mud-picker-datepicker-toolbar { + align-items: flex-start; + flex-direction: column } - .mud-picker-color-picker .mud-picker-color-overlay { - width: 100%; - height: 100%; + .mud-picker-datepicker-toolbar .mud-button-year { + font-size: 1rem; + font-weight: 400; + line-height: 1.75; + letter-spacing: .00938em } - .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-white { - background: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); - } + .mud-picker-datepicker-toolbar .mud-button-date { + font-size: 2.125rem; + font-weight: 400; + line-height: 1.17; + letter-spacing: .00735em; + text-transform: none + } - .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-black { - background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%); +.mud-picker-datepicker-toolbar-landscape { + padding: 16px +} + +.mud-picker-datepicker-date-landscape { + margin-right: 16px; + margin-inline-end: 16px; + margin-inline-start: unset +} + +.mud-picker-calendar-header-switch { + display: flex; + margin-top: 4px; + align-items: center; + margin-bottom: 8px; + justify-content: space-between +} + + .mud-picker-calendar-header-switch > .mud-icon-button { + z-index: 1; + padding: 8px; + margin: 6px; + background-color: var(--mud-palette-surface) + } + + .mud-picker-calendar-header-switch > .mud-icon-button:hover { + background-color: var(--mud-palette-action-default-hover) } - .mud-picker-color-picker .mud-picker-color-selector { - position: absolute; - top: -13px; - left: -13px; + .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition { + width: 100%; + height: 23px; + overflow: hidden } -.mud-picker-color-controls { - width: 312px; - padding: 16px; + .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition:hover .mud-typography { + cursor: pointer; + font-weight: 500 + } + +.mud-picker-calendar-header-day { display: flex; - flex-direction: column; + max-height: 16px; + align-items: center; + justify-content: center } - .mud-picker-color-controls .mud-picker-color-controls-row { + .mud-picker-calendar-header-day .mud-day-label { + color: var(--mud-palette-text-secondary); + width: 36px; + margin: 0 2px; + text-align: center + } + +.mud-picker-year-container { + height: 300px; + overflow-y: auto +} + + .mud-picker-year-container .mud-picker-year { + cursor: pointer; + height: 40px; display: flex; + outline: none; align-items: center; + justify-content: center; + user-select: none; + animation: mud-animation-fadein 500ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } - .mud-picker-color-controls .mud-picker-color-controls-row + .mud-picker-color-controls-row { - margin-top: 24px; + .mud-picker-year-container .mud-picker-year:hover { + background-color: var(--mud-palette-action-default-hover) } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders { - display: flex; - flex: 1 0 auto; - flex-direction: column; + .mud-picker-year-container .mud-picker-year .mud-picker-year-selected { + margin: 10px 0; + font-weight: 500 } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider { - min-width: 224px; - border-radius: var(--mud-default-borderradius); - } +.mud-picker-month-container { + width: 310px; + display: flex; + flex-wrap: wrap; + align-content: stretch +} - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input { - height: 10px; - border-radius: var(--mud-default-borderradius); - } + .mud-picker-month-container .mud-picker-month { + flex: 1 0 33.33%; + cursor: pointer; + height: 60px; + display: flex; + outline: none; + transition: font-size 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + align-items: center; + justify-content: center; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-runnable-track { - background: initial; - } + .mud-picker-month-container .mud-picker-month:hover { + background-color: var(--mud-palette-action-default-hover) + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-track { - background: initial; - } + .mud-picker-month-container .mud-picker-month .mud-picker-month-selected { + font-weight: 500 + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-thumb { - appearance: none; - margin-top: -6px; - height: 14px; - width: 14px; - transform: none; - transition: none; - background: #f0f0f0; - box-shadow: rgba(0,0,0,.37) 0 1px 4px 0; - } + .mud-picker-month-container .mud-picker-month.mud-disabled { + color: var(--mud-palette-text-disabled); + pointer-events: none + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-thumb { - appearance: none; - margin-top: -6px; - height: 14px; - width: 14px; - transform: none; - transition: none; - background: #f0f0f0; - box-shadow: rgba(0,0,0,.37) 0 1px 4px 0; - } +.mud-picker-slide-transition { + display: block; + position: relative +} - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-webkit-slider-thumb { - box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important; - } + .mud-picker-slide-transition > * { + top: 0; + left: 0; + right: 0; + position: absolute + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-moz-range-thumb { - box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important; - } +.mud-picker-calendar-transition { + margin-top: 12px; + min-height: 216px +} - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue + .alpha { - margin-top: 18px; - } +.mud-picker-calendar-progress-container { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center +} - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue .mud-slider-input { - background: linear-gradient(90deg,#f00,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,#f00); - } +.mud-picker-calendar-content { + display: grid; + --selected-day: 0; + grid-column-gap: 10px; + grid-template-columns: auto +} - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.alpha .mud-slider-input { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat; - } +@media(min-width: 600px) { + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) { + grid-template-columns: repeat(2, minmax(auto, 1fr)) + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs { - display: flex; - flex: 1 1 auto; + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-next { + visibility: hidden } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield { - width: 100%; - margin-right: 8px; - margin-inline-end: 8px; - margin-inline-start: unset; - } + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev { + visibility: visible + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield:last-of-type { - margin-right: 0; - margin-inline-end: 0; - margin-inline-start: unset; - } + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-next { + visibility: visible + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input input { - padding: 6px; - height: 1em; - text-align: center; - font-size: 14px; - } + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev { + visibility: hidden + } +} - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text { - text-align: center; - } +@media(min-width: 960px) { + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) { + grid-template-columns: repeat(3, minmax(auto, 1fr)) + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text div div { - margin: auto; - } + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-next { + visibility: hidden + } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-control-switch { - margin-left: 8px; - margin-inline-start: 8px; - margin-inline-end: unset; - padding-bottom: 16px; + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev { + visibility: visible } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection { - display: flex; - min-width: 230px; - justify-content: space-between; + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev { + visibility: hidden } - .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection .mud-picker-color-dot { - max-width: 38px; - } + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-next, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-next { + visibility: visible + } -.mud-picker-color-dot { - height: 38px; - min-width: 38px; - width: 100%; - 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) 0ms,border-radius 150ms cubic-bezier(.4,0,.2,1) 0ms; - border-radius: var(--mud-default-borderradius); - box-shadow: 0 0 6px rgba(127,130,134,.18); + .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev, .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev { + visibility: hidden + } } - .mud-picker-color-dot:hover { - cursor: pointer; - box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); - } +:not(.mud-picker-hidden) .mud-picker-calendar-header-last .mud-picker-nav-button-next { + visibility: inherit !important +} - .mud-picker-color-dot.mud-picker-color-dot-current { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat; - } +.mud-picker-hidden .mud-picker-nav-button-next, .mud-picker-hidden .mud-picker-nav-button-prev { + visibility: hidden !important +} - .mud-picker-color-dot .mud-picker-color-fill { - width: 100%; - height: 100%; - border-radius: inherit; - } +.mud-picker-calendar-container { + display: flex; + width: 310px; + flex-direction: column +} - .mud-picker-color-dot + .mud-picker-color-sliders { - margin-left: 16px; - margin-inline-start: 16px; - margin-inline-end: unset; - } +.mud-picker-calendar { + display: flex; + flex-wrap: wrap; + justify-content: center +} - .mud-picker-color-dot + .mud-picker-color-collection { - margin-left: 10px; - margin-inline-start: 10px; - margin-inline-end: unset; + .mud-picker-calendar .mud-day { + color: var(--mud-palette-text-primary); + width: 36px; + height: 36px; + margin: 0 2px; + padding: 0; + font-size: .75rem; + font-weight: 500 } -.mud-picker-color-view { - position: absolute; - width: 100%; - height: 100%; - overflow: auto; - padding: 6px; - background-color: var(--mud-palette-surface); -} + .mud-picker-calendar .mud-day:hover { + background-color: var(--mud-palette-action-default-hover) + } - .mud-picker-color-view .mud-picker-color-view-collection { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; - } + .mud-picker-calendar .mud-day.mud-hidden { + opacity: 0; + pointer-events: none + } - .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot { - max-width: 38px; - margin: 8px; + .mud-picker-calendar .mud-day.mud-current { + font-weight: 600 } - .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot.selected { - border-radius: 50%; - box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); - } + .mud-picker-calendar .mud-day.mud-selected { + font-weight: 500 + } -.mud-picker-color-picker .mud-picker-color-grid { - display: flex; - flex-wrap: wrap; -} + .mud-picker-calendar .mud-day .mud-typography { + margin-top: 2px + } - .mud-picker-color-picker .mud-picker-color-grid .mud-picker-color-dot { - height: 25px; - min-width: 26px; - max-width: 26px; - border-radius: 0; - box-shadow: none; - } + .mud-picker-calendar .mud-day.mud-disabled { + color: var(--mud-palette-text-disabled); + pointer-events: none + } -.mud-popover { - outline: 0; - z-index: calc(var(--mud-zindex-popover) + 1); - position: absolute; - opacity: 0; -} + .mud-picker-calendar .mud-day.mud-range { + margin: 0; + width: 40px; + transition: none + } - .mud-popover.mud-popover-fixed { - position: fixed; - } + .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected { + border-radius: 50% 0% 0% 50% + } - .mud-popover.mud-popover-relative-width { - width: 100%; - } + .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected { + border-radius: 0% 50% 50% 0% + } - .mud-popover.mud-popover-open { - opacity: 1; - transition: opacity; - } + .mud-picker-calendar .mud-day.mud-range.mud-range-between { + border-radius: 0; + background-color: var(--mud-palette-action-default-hover) + } - .mud-popover:not(.mud-popover-open) { - pointer-events: none; - transition-duration: 0ms !important; - transition-delay: 0ms !important; - } + .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover.mud-range-start-selected { + border-radius: 50% + } -.mud-appbar .mud-popover-cascading-value { - z-index: calc(var(--mud-zindex-appbar) + 2); -} + .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) { + border-radius: 0% 50% 50% 0% + } -.mud-drawer:not(.mud-drawer-temporary) .mud-popover-cascading-value { - z-index: calc(var(--mud-zindex-drawer) + 2); -} + .mud-picker-calendar .mud-day.mud-range.mud-range-selection:not(:hover):not(.mud-range-start-selected) { + border-radius: 0; + background: linear-gradient(var(--mud-palette-action-default-hover) 100%, var(--mud-palette-action-default-hover) 100%, transparent 0%); + background-size: 100% calc(100%*(var(--selected-day) - var(--day-id))) + } -.mud-drawer.mud-drawer-temporary .mud-popover-cascading-value, .mud-drawer.mud-drawer-responsive .mud-popover-cascading-value { - z-index: calc(var(--mud-zindex-appbar) + 4); +.mud-range-selection-primary:hover { + color: var(--mud-palette-primary-text) !important; + background-color: var(--mud-palette-primary) !important } -.mud-dialog .mud-popover-cascading-value { - z-index: calc(var(--mud-zindex-dialog) + 3); +.mud-range-selection-secondary:hover { + color: var(--mud-palette-secondary-text) !important; + background-color: var(--mud-palette-secondary) !important } -.mud-popover .mud-list { - max-height: inherit; - overflow-y: auto; +.mud-range-selection-tertiary:hover { + color: var(--mud-palette-tertiary-text) !important; + background-color: var(--mud-palette-tertiary) !important } -.mud-simple-table table { - width: 100%; - display: table; - border-spacing: 0; - border-collapse: collapse; +.mud-range-selection-info:hover { + color: var(--mud-palette-info-text) !important; + background-color: var(--mud-palette-info) !important } - .mud-simple-table table thead { - display: table-header-group; - } - - .mud-simple-table table tbody { - display: table-row-group; - } - - .mud-simple-table table * tr { - color: inherit; - display: table-row; - outline: 0; - vertical-align: middle; - } - - .mud-simple-table table * tr > td, .mud-simple-table table * tr th { - display: table-cell; - padding: 16px; - font-size: .875rem; - text-align: start; - font-weight: 400; - line-height: 1.43; - border-bottom: 1px solid var(--mud-palette-table-lines); - letter-spacing: .01071em; - vertical-align: inherit; - } - - .mud-simple-table table * tr > th { - font-weight: 500; - line-height: 1.5rem; - } +.mud-range-selection-success:hover { + color: var(--mud-palette-success-text) !important; + background-color: var(--mud-palette-success) !important +} - .mud-simple-table table tbody tr:last-child td { - border-bottom: none; - } +.mud-range-selection-warning:hover { + color: var(--mud-palette-warning-text) !important; + background-color: var(--mud-palette-warning) !important +} -.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th { - padding: 6px 16px; +.mud-range-selection-error:hover { + color: var(--mud-palette-error-text) !important; + background-color: var(--mud-palette-error) !important } -.mud-simple-table.mud-table-hover .mud-table-container table tbody tr:hover { - background-color: var(--mud-palette-table-hover); +.mud-range-selection-dark:hover { + color: var(--mud-palette-dark-text) !important; + background-color: var(--mud-palette-dark) !important } -.mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td { - border-right: 1px solid var(--mud-palette-table-lines); +.mud-picker-calendar-week { + display: flex; + margin: 0 5px; + justify-content: center; + align-items: center } - .mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td:last-child { - border-right: none; + .mud-picker-calendar-week .mud-picker-calendar-week-text { + width: 15px; + margin-top: 2px !important; + color: var(--mud-palette-text-disabled) } -.mud-simple-table.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd) { - background-color: var(--mud-palette-table-striped); +.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected { + border-radius: 0% 50% 50% 0% } -.mud-table-hover.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd):nth-of-type(odd):hover { - background-color: var(--mud-palette-table-hover); +.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected { + border-radius: 50% 0% 0% 50% } -.mud-simple-table.mud-table-sticky-header .mud-table-container { - overflow-x: auto; - max-height: 100%; +.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) { + border-radius: 50% 0% 0% 50% } -.mud-simple-table.mud-table-sticky-header * table { - border-collapse: separate; +.mud-picker-timepicker-toolbar .mud-timepicker-button { + padding: 0; + min-width: 16px; + text-transform: none } - .mud-simple-table.mud-table-sticky-header * table thead * th:first-child { - border-radius: var(--mud-default-borderradius) 0 0 0; - } - - .mud-simple-table.mud-table-sticky-header * table thead * th:last-child { - border-radius: 0 var(--mud-default-borderradius) 0 0; + .mud-picker-timepicker-toolbar .mud-timepicker-button.mud-timepicker-toolbar-text { + color: rgba(255,255,255,.54) } - .mud-simple-table.mud-table-sticky-header * table thead * th { - background-color: var(--mud-palette-surface); - position: sticky; - z-index: 1; - top: 0; + .mud-picker-timepicker-toolbar .mud-timepicker-button:hover { + background-color: var(--mud-theme-default-hover) } -.mud-simple-table.mud-table-sticky-footer .mud-table-container { - overflow-x: auto; - max-height: 100%; -} - -.mud-simple-table.mud-table-sticky-footer * table { - border-collapse: separate; +.mud-picker-timepicker-toolbar .mud-timepicker-hourminute { + display: flex; + align-items: baseline; + justify-content: flex-end } - .mud-simple-table.mud-table-sticky-footer * table tfoot * td { - background-color: var(--mud-palette-surface); - position: sticky; - z-index: 1; - bottom: 0; + .mud-picker-timepicker-toolbar .mud-timepicker-hourminute .mud-timepicker-button { + font-size: 3.75rem; + font-weight: 300; + line-height: 1; + letter-spacing: -0.00833em } -.mud-skeleton { - height: 1.2em; - display: block; - background-color: rgba(0,0,0,.11); -} - -.mud-skeleton-text { - height: auto; - transform: scale(1,.6); - margin-top: 0; - border-radius: var(--mud-default-borderradius); - margin-bottom: 0; - transform-origin: 0 60%; +.mud-picker-timepicker-toolbar .mud-timepicker-ampm { + display: flex; + margin-left: 20px; + margin-right: -20px; + margin-inline-start: 20px; + margin-inline-end: -20px; + flex-direction: column } - .mud-skeleton-text:empty:before { - content: " "; + .mud-picker-timepicker-toolbar .mud-timepicker-ampm .mud-timepicker-button { + font-size: 18px; + font-weight: 400; + line-height: 1.75; + letter-spacing: .00938em } -.mud-skeleton-circle { - border-radius: 50%; +.mud-picker-timepicker-toolbar .mud-timepicker-separator { + cursor: default; + margin: 0 4px 0 2px; + margin-inline-start: 2px; + margin-inline-end: 4px } -.mud-skeleton-pulse { - animation: mud-skeleton-keyframes-pulse 1.5s ease-in-out .5s infinite; +.mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape { + flex-wrap: wrap; + width: 150px; + justify-content: center } -.mud-skeleton-wave { - overflow: hidden; - position: relative; -} + .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-hourminute .mud-timepicker-button { + font-size: 3rem; + font-weight: 400; + line-height: 1.04; + letter-spacing: 0em + } - .mud-skeleton-wave::after { - top: 0; - left: 0; - right: 0; - bottom: 0; - content: ""; - position: absolute; - animation: mud-skeleton-keyframes-wave 1.6s linear .5s infinite; - transform: translateX(-100%); - background: linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent); + .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm { + display: flex; + margin-left: 20px; + margin-right: -20px; + margin-inline-start: 20px; + margin-inline-end: -20px; + flex-direction: column } -.mud-slider { - color: var(--mud-palette-text-primary); - display: inline-block; - width: 100%; - user-select: none; -} + .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm .mud-timepicker-button { + font-size: 18px; + font-weight: 400; + line-height: 1.75; + letter-spacing: .00938em + } - .mud-slider > .mud-typography { - margin-top: 10px; + .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-separator { + font-size: 3rem; + font-weight: 400; + line-height: 1.04; + letter-spacing: 0em } - .mud-slider.mud-slider-vertical { - transform: rotate(270deg); - height: 100%; - width: unset; - } +.mud-picker-time-container { + margin: 16px 0 8px; + display: flex; + align-items: flex-end; + justify-content: center +} - .mud-slider .mud-slider-input { - -webkit-appearance: none; - -moz-appearance: none; + .mud-picker-time-container .mud-picker-time-clock { + width: 260px; + height: 260px; position: relative; - display: block; - width: 100%; - background-color: transparent; - cursor: pointer; + border-radius: 50%; + pointer-events: none; + background-color: rgba(0,0,0,.07) } - .mud-slider .mud-slider-input:focus { + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-mask { + width: 100%; + height: 100%; outline: none; + position: absolute; + user-select: none; + touch-actions: none; + pointer-events: auto } - .mud-slider .mud-slider-input:active + .mud-slider-value-label { - opacity: 1; + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pin { + top: 50%; + left: 50%; + width: 6px; + height: 6px; + position: absolute; + transform: translate(-50%, -50%); + border-radius: 50% } - .mud-slider .mud-slider-input::-webkit-slider-runnable-track { - border-radius: var(--mud-default-borderradius); - width: 100%; + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner { + left: calc(50% - 1px); + width: 3px; + height: 35%; + bottom: 0; + position: absolute; + transform-origin: center bottom 0px } - .mud-slider .mud-slider-input::-moz-range-track { - border-radius: var(--mud-default-borderradius); - width: 100%; - } + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner.mud-hour:after { + content: ""; + position: absolute; + left: 50%; + transform: translate(-50%, -50%); + height: 48px; + width: 48px; + top: -60%; + border-radius: 50%; + background-color: inherit + } - .mud-slider .mud-slider-input::-webkit-slider-thumb { - appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 50%; - cursor: pointer; - transition: box-shadow 150ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer { + left: calc(50% - 1px); + width: 0; + height: 35%; + bottom: 35%; + position: absolute; + transform-origin: center bottom 0px } - .mud-slider .mud-slider-input::-moz-range-thumb { - appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 50%; - cursor: pointer; - transition: box-shadow 150ms cubic-bezier(.4,0,.2,1) 0ms; - } + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer.mud-hour:after { + content: ""; + position: absolute; + left: 50%; + transform: translate(-50%, -50%); + height: 48px; + width: 62px; + top: -20px; + border-radius: 50%; + background-color: inherit + } - .mud-slider .mud-slider-input:disabled { - cursor: default; - opacity: .38; + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick { + left: calc(50% - 1px); + width: 3px; + height: 50%; + bottom: 50%; + position: absolute; + transform-origin: center bottom 0px } - .mud-slider .mud-slider-input:disabled::-webkit-slider-runnable-track { - background-color: var(--mud-palette-text-disabled); + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-hour:after { + content: ""; + position: absolute; + left: 50%; + transform: translate(-50%, -50%); + height: 62px; + width: 62px; + top: 20px; + border-radius: 50%; + background-color: inherit } - .mud-slider .mud-slider-input:disabled::-moz-range-track { - background-color: var(--mud-palette-text-disabled); + .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-minute:after { + content: ""; + position: absolute; + left: 50%; + transform: translate(-50%, -50%); + height: 44px; + width: 15px; + top: 20px; + border-radius: 50%; + background-color: inherit } - .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb { - background-color: #000; - color: #fff; - box-shadow: 0 0 0 1px white !important; - transform: scale(4,4); - } + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer { + left: calc(50% - 1px); + width: 2px; + bottom: 50%; + position: absolute; + transform-origin: center bottom 0px + } - .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb:hover { - box-shadow: 0 0 0 1px white !important; - } + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer.mud-picker-time-clock-pointer-animation { + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } - .mud-slider .mud-slider-input:disabled::-moz-range-thumb { - background-color: #000; - color: #fff; - box-shadow: 0 0 0 1px white !important; - transform: scale(4,4); + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb { + position: absolute; + border-radius: 100% } - .mud-slider .mud-slider-input:disabled::-moz-range-thumb:hover { - box-shadow: 0 0 0 1px white !important; + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-text { + top: -19px; + left: -13px; + width: 28px; + height: 28px; + border: none; + background-color: inherit } - .mud-slider.mud-slider-primary .mud-slider-filled { - background-color: var(--mud-palette-primary); - } - - .mud-slider.mud-slider-primary .mud-slider-track-tick { - background-color: var(--mud-palette-primary); - } + .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-minute { + background: rgba(0,0,0,0); + border: 2px solid; + width: 10px; + height: 10px; + top: -9px; + left: -4px + } - .mud-slider.mud-slider-primary .mud-slider-value-label { - color: var(--mud-palette-primary-text); - background-color: var(--mud-palette-primary); - } + .mud-picker-time-container .mud-picker-time-clock .mud-clock-number { + left: calc((100% - 32px)/2); + color: var(--mud-palette-text-primary); + background-color: rgba(0,0,0,0) !important; + width: 32px; + height: 32px; + display: inline-flex; + position: absolute; + align-items: center; + user-select: none; + border-radius: 50%; + justify-content: center; + transition-duration: 120ms; + transition-property: color + } - .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-primary-rgb),.3); - } +.mud-time-picker-dial { + width: 100%; + height: 100%; + position: absolute; + transition: transform 350ms,opacity 350ms +} - .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-primary-rgb),.3); - } +.mud-time-picker-dial-out { + opacity: 0 +} - .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-primary); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3); - } +.mud-time-picker-hour.mud-time-picker-dial-out { + transform: scale(1.2, 1.2); + transform-origin: center +} - .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-primary); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3); - } +.mud-time-picker-minute.mud-time-picker-dial-out { + transform: scale(0.8, 0.8); + transform-origin: center +} - .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-primary-rgb),.24); - } +.mud-time-picker-dial-hidden { + visibility: hidden +} - .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-primary-rgb),.24); - } +.mud-picker-container + .mud-picker-color-toolbar { + border-top-left-radius: inherit; + border-top-right-radius: inherit +} - .mud-slider.mud-slider-primary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-primary-rgb),.24); - } +.mud-picker-container + .mud-picker-color-content { + border-top-left-radius: inherit; + border-top-right-radius: inherit +} - .mud-slider.mud-slider-primary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-primary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-primary-rgb),.24); - } +.mud-picker-color-toolbar { + height: 32px; + padding-right: 2px; + padding-left: 2px +} - .mud-slider.mud-slider-secondary .mud-slider-filled { - background-color: var(--mud-palette-secondary); - } +.mud-picker-color-content { + min-height: unset; + position: relative +} - .mud-slider.mud-slider-secondary .mud-slider-track-tick { - background-color: var(--mud-palette-secondary); - } +.mud-picker-color-picker { + width: 312px; + height: 250px; + position: relative; + overflow: hidden +} - .mud-slider.mud-slider-secondary .mud-slider-value-label { - color: var(--mud-palette-secondary-text); - background-color: var(--mud-palette-secondary); + .mud-picker-color-picker .mud-picker-color-overlay { + width: 100%; + height: 100% } - .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-secondary-rgb),.3); - } + .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-white { + background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%) + } - .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-secondary-rgb),.3); - } + .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-black { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%) + } - .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-secondary); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3); + .mud-picker-color-picker .mud-picker-color-selector { + position: absolute; + top: -13px; + left: -13px } - .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-secondary); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3); - } +.mud-picker-color-controls { + width: 312px; + padding: 16px; + display: flex; + flex-direction: column +} - .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-secondary-rgb),.24); + .mud-picker-color-controls .mud-picker-color-controls-row { + display: flex; + align-items: center } - .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-secondary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row + .mud-picker-color-controls-row { + margin-top: 24px + } - .mud-slider.mud-slider-secondary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-secondary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders { + display: flex; + flex: 1 0 auto; + flex-direction: column + } - .mud-slider.mud-slider-secondary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-secondary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-secondary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider { + min-width: 224px; + border-radius: var(--mud-default-borderradius) + } - .mud-slider.mud-slider-tertiary .mud-slider-filled { - background-color: var(--mud-palette-tertiary); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input { + height: 10px; + border-radius: var(--mud-default-borderradius) + } - .mud-slider.mud-slider-tertiary .mud-slider-track-tick { - background-color: var(--mud-palette-tertiary); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-runnable-track { + background: initial + } - .mud-slider.mud-slider-tertiary .mud-slider-value-label { - color: var(--mud-palette-tertiary-text); - background-color: var(--mud-palette-tertiary); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-track { + background: initial + } - .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-tertiary-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-thumb { + appearance: none; + margin-top: -6px; + height: 14px; + width: 14px; + transform: none; + transition: none; + background: #f0f0f0; + box-shadow: rgba(0,0,0,.37) 0px 1px 4px 0px + } - .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-tertiary-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-thumb { + appearance: none; + margin-top: -6px; + height: 14px; + width: 14px; + transform: none; + transition: none; + background: #f0f0f0; + box-shadow: rgba(0,0,0,.37) 0px 1px 4px 0px + } - .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-tertiary); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-webkit-slider-thumb { + box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important + } - .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-tertiary); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-moz-range-thumb { + box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important + } - .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-tertiary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue + .alpha { + margin-top: 18px + } - .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 1px rgba(var(--mud-palette-tertiary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue .mud-slider-input { + background: linear-gradient(90deg, #FF0000, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #FF0000) + } - .mud-slider.mud-slider-tertiary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-tertiary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.alpha .mud-slider-input { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat + } - .mud-slider.mud-slider-tertiary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb),.3),0 0 0 2px rgba(var(--mud-palette-tertiary-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs { + display: flex; + flex: 1 1 auto + } - .mud-slider.mud-slider-info .mud-slider-filled { - background-color: var(--mud-palette-info); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield { + width: 100%; + margin-right: 8px; + margin-inline-end: 8px; + margin-inline-start: unset + } - .mud-slider.mud-slider-info .mud-slider-track-tick { - background-color: var(--mud-palette-info); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield:last-of-type { + margin-right: 0; + margin-inline-end: 0; + margin-inline-start: unset + } - .mud-slider.mud-slider-info .mud-slider-value-label { - color: var(--mud-palette-info-text); - background-color: var(--mud-palette-info); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input input { + padding: 6px; + height: 1em; + text-align: center; + font-size: 14px + } - .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-info-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text { + text-align: center + } - .mud-slider.mud-slider-info .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-info-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text div div { + margin: auto + } - .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-info); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-control-switch { + margin-left: 8px; + margin-inline-start: 8px; + margin-inline-end: unset; + padding-bottom: 16px + } - .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-info); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection { + display: flex; + min-width: 230px; + justify-content: space-between + } - .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 1px rgba(var(--mud-palette-info-rgb),.24); - } + .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection .mud-picker-color-dot { + max-width: 38px + } - .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 1px rgba(var(--mud-palette-info-rgb),.24); - } +.mud-picker-color-dot { + height: 38px; + min-width: 38px; + width: 100%; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + border-radius: var(--mud-default-borderradius); + box-shadow: 0 0 6px rgba(127,130,134,.18) +} - .mud-slider.mud-slider-info .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 2px rgba(var(--mud-palette-info-rgb),.24); + .mud-picker-color-dot:hover { + cursor: pointer; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12) } - .mud-slider.mud-slider-info .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-info-rgb),.3),0 0 0 2px rgba(var(--mud-palette-info-rgb),.24); + .mud-picker-color-dot.mud-picker-color-dot-current { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat } - .mud-slider.mud-slider-success .mud-slider-filled { - background-color: var(--mud-palette-success); + .mud-picker-color-dot .mud-picker-color-fill { + width: 100%; + height: 100%; + border-radius: inherit } - .mud-slider.mud-slider-success .mud-slider-track-tick { - background-color: var(--mud-palette-success); + .mud-picker-color-dot + .mud-picker-color-sliders { + margin-left: 16px; + margin-inline-start: 16px; + margin-inline-end: unset } - .mud-slider.mud-slider-success .mud-slider-value-label { - color: var(--mud-palette-success-text); - background-color: var(--mud-palette-success); + .mud-picker-color-dot + .mud-picker-color-collection { + margin-left: 10px; + margin-inline-start: 10px; + margin-inline-end: unset } - .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-success-rgb),.3); - } +.mud-picker-color-view { + position: absolute; + width: 100%; + height: 100%; + overflow: auto; + padding: 6px; + background-color: var(--mud-palette-surface) +} - .mud-slider.mud-slider-success .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-success-rgb),.3); + .mud-picker-color-view .mud-picker-color-view-collection { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly } - .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-success); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3); - } + .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot { + max-width: 38px; + margin: 8px + } - .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-success); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3); - } + .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot.selected { + border-radius: 50%; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12) + } - .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 1px rgba(var(--mud-palette-success-rgb),.24); - } +.mud-picker-color-picker .mud-picker-color-grid { + display: flex; + flex-wrap: wrap +} - .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 1px rgba(var(--mud-palette-success-rgb),.24); + .mud-picker-color-picker .mud-picker-color-grid .mud-picker-color-dot { + height: 25px; + min-width: 26px; + max-width: 26px; + border-radius: 0px; + box-shadow: none } - .mud-slider.mud-slider-success .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 2px rgba(var(--mud-palette-success-rgb),.24); - } +.mud-popover { + outline: 0; + z-index: calc(var(--mud-zindex-popover) + 1); + position: absolute; + opacity: 0 +} - .mud-slider.mud-slider-success .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-success-rgb),.3),0 0 0 2px rgba(var(--mud-palette-success-rgb),.24); + .mud-popover.mud-popover-fixed { + position: fixed } - .mud-slider.mud-slider-warning .mud-slider-filled { - background-color: var(--mud-palette-warning); + .mud-popover.mud-popover-relative-width { + width: 100% } - .mud-slider.mud-slider-warning .mud-slider-track-tick { - background-color: var(--mud-palette-warning); + .mud-popover.mud-popover-open { + opacity: 1; + transition: opacity } - .mud-slider.mud-slider-warning .mud-slider-value-label { - color: var(--mud-palette-warning-text); - background-color: var(--mud-palette-warning); + .mud-popover:not(.mud-popover-open) { + pointer-events: none; + transition-duration: 0ms !important; + transition-delay: 0ms !important } - .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-warning-rgb),.3); - } +.mud-appbar .mud-popover-cascading-value { + z-index: calc(var(--mud-zindex-appbar) + 2) +} - .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-warning-rgb),.3); - } +.mud-drawer:not(.mud-drawer-temporary) .mud-popover-cascading-value { + z-index: calc(var(--mud-zindex-drawer) + 2) +} - .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-warning); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3); - } +.mud-drawer.mud-drawer-temporary .mud-popover-cascading-value, .mud-drawer.mud-drawer-responsive .mud-popover-cascading-value { + z-index: calc(var(--mud-zindex-appbar) + 4) +} - .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-warning); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3); - } +.mud-dialog .mud-popover-cascading-value { + z-index: calc(var(--mud-zindex-dialog) + 3) +} - .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 1px rgba(var(--mud-palette-warning-rgb),.24); +.mud-popover .mud-list { + max-height: inherit; + overflow-y: auto +} + +.mud-simple-table table { + width: 100%; + display: table; + border-spacing: 0; + border-collapse: collapse +} + + .mud-simple-table table thead { + display: table-header-group } - .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 1px rgba(var(--mud-palette-warning-rgb),.24); + .mud-simple-table table tbody { + display: table-row-group } - .mud-slider.mud-slider-warning .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 2px rgba(var(--mud-palette-warning-rgb),.24); + .mud-simple-table table * tr { + color: inherit; + display: table-row; + outline: 0; + vertical-align: middle } - .mud-slider.mud-slider-warning .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-warning-rgb),.3),0 0 0 2px rgba(var(--mud-palette-warning-rgb),.24); + .mud-simple-table table * tr > td, .mud-simple-table table * tr th { + display: table-cell; + padding: 16px; + font-size: .875rem; + text-align: start; + font-weight: 400; + line-height: 1.43; + border-bottom: 1px solid var(--mud-palette-table-lines); + letter-spacing: .01071em; + vertical-align: inherit + } + + .mud-simple-table table * tr > th { + font-weight: 500; + line-height: 1.5rem + } + + .mud-simple-table table tbody tr:last-child td { + border-bottom: none } - .mud-slider.mud-slider-error .mud-slider-filled { - background-color: var(--mud-palette-error); +.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th { + padding: 6px 16px +} + +.mud-simple-table.mud-table-hover .mud-table-container table tbody tr:hover { + background-color: var(--mud-palette-table-hover) +} + +.mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td { + border-right: 1px solid var(--mud-palette-table-lines) +} + + .mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td:last-child { + border-right: none } - .mud-slider.mud-slider-error .mud-slider-track-tick { - background-color: var(--mud-palette-error); +.mud-simple-table.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd) { + background-color: var(--mud-palette-table-striped) +} + +.mud-table-hover.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd):nth-of-type(odd):hover { + background-color: var(--mud-palette-table-hover) +} + +.mud-simple-table.mud-table-sticky-header .mud-table-container { + overflow-x: auto; + max-height: 100% +} + +.mud-simple-table.mud-table-sticky-header * table { + border-collapse: separate +} + + .mud-simple-table.mud-table-sticky-header * table thead * th:first-child { + border-radius: var(--mud-default-borderradius) 0 0 0 } - .mud-slider.mud-slider-error .mud-slider-value-label { - color: var(--mud-palette-error-text); - background-color: var(--mud-palette-error); + .mud-simple-table.mud-table-sticky-header * table thead * th:last-child { + border-radius: 0 var(--mud-default-borderradius) 0 0 } - .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-error-rgb),.3); + .mud-simple-table.mud-table-sticky-header * table thead * th { + background-color: var(--mud-palette-surface); + position: sticky; + z-index: 1; + top: 0 } - .mud-slider.mud-slider-error .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-error-rgb),.3); +.mud-simple-table.mud-table-sticky-footer .mud-table-container { + overflow-x: auto; + max-height: 100% +} + +.mud-simple-table.mud-table-sticky-footer * table { + border-collapse: separate +} + + .mud-simple-table.mud-table-sticky-footer * table tfoot * td { + background-color: var(--mud-palette-surface); + position: sticky; + z-index: 1; + bottom: 0 } - .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-error); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3); +.mud-skeleton { + height: 1.2em; + display: block; + background-color: rgba(0,0,0,.11) +} + +.mud-skeleton-text { + height: auto; + transform: scale(1, 0.6); + margin-top: 0; + border-radius: var(--mud-default-borderradius); + margin-bottom: 0; + transform-origin: 0 60% +} + + .mud-skeleton-text:empty:before { + content: " " } - .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-error); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3); +.mud-skeleton-circle { + border-radius: 50% +} + +.mud-skeleton-pulse { + animation: mud-skeleton-keyframes-pulse 1.5s ease-in-out .5s infinite +} + +.mud-skeleton-wave { + overflow: hidden; + position: relative +} + + .mud-skeleton-wave::after { + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ""; + position: absolute; + animation: mud-skeleton-keyframes-wave 1.6s linear .5s infinite; + transform: translateX(-100%); + background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent) } - .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 1px rgba(var(--mud-palette-error-rgb),.24); +.mud-slider { + color: var(--mud-palette-text-primary); + display: inline-block; + width: 100%; + user-select: none +} + + .mud-slider > .mud-typography { + margin-top: 10px } - .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 1px rgba(var(--mud-palette-error-rgb),.24); + .mud-slider.mud-slider-vertical { + transform: rotate(270deg); + height: 100%; + width: unset } - .mud-slider.mud-slider-error .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 2px rgba(var(--mud-palette-error-rgb),.24); + .mud-slider .mud-slider-input { + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + display: block; + width: 100%; + background-color: rgba(0,0,0,0); + cursor: pointer } - .mud-slider.mud-slider-error .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-error-rgb),.3),0 0 0 2px rgba(var(--mud-palette-error-rgb),.24); + .mud-slider .mud-slider-input:focus { + outline: none + } + + .mud-slider .mud-slider-input:active + .mud-slider-value-label { + opacity: 1 + } + + .mud-slider .mud-slider-input::-webkit-slider-runnable-track { + border-radius: var(--mud-default-borderradius); + width: 100% + } + + .mud-slider .mud-slider-input::-moz-range-track { + border-radius: var(--mud-default-borderradius); + width: 100% + } + + .mud-slider .mud-slider-input::-webkit-slider-thumb { + appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 50%; + cursor: pointer; + transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } + + .mud-slider .mud-slider-input::-moz-range-thumb { + appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 50%; + cursor: pointer; + transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms + } + + .mud-slider .mud-slider-input:disabled { + cursor: default; + opacity: .38 + } + + .mud-slider .mud-slider-input:disabled::-webkit-slider-runnable-track { + background-color: var(--mud-palette-text-disabled) + } + + .mud-slider .mud-slider-input:disabled::-moz-range-track { + background-color: var(--mud-palette-text-disabled) + } + + .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb { + background-color: #000; + color: #fff; + box-shadow: 0 0 0 1px #fff !important; + transform: scale(4, 4) + } + + .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb:hover { + box-shadow: 0 0 0 1px #fff !important + } + + .mud-slider .mud-slider-input:disabled::-moz-range-thumb { + background-color: #000; + color: #fff; + box-shadow: 0 0 0 1px #fff !important; + transform: scale(4, 4) + } + + .mud-slider .mud-slider-input:disabled::-moz-range-thumb:hover { + box-shadow: 0 0 0 1px #fff !important + } + + .mud-slider.mud-slider-primary .mud-slider-filled { + background-color: var(--mud-palette-primary) } - .mud-slider.mud-slider-dark .mud-slider-filled { - background-color: var(--mud-palette-dark); + .mud-slider.mud-slider-primary .mud-slider-track-tick { + background-color: var(--mud-palette-primary) } - .mud-slider.mud-slider-dark .mud-slider-track-tick { - background-color: var(--mud-palette-dark); + .mud-slider.mud-slider-primary .mud-slider-value-label { + color: var(--mud-palette-primary-text); + background-color: var(--mud-palette-primary) } - .mud-slider.mud-slider-dark .mud-slider-value-label { - color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-dark); + .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-primary-rgb), 0.3) } - .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-runnable-track { - background-color: rgba(var(--mud-palette-dark-rgb),.3); + .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-primary-rgb), 0.3) } - .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-track { - background-color: rgba(var(--mud-palette-dark-rgb),.3); + .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-primary); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3) } - .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb { - background-color: var(--mud-palette-dark); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3); + .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-primary); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3) } - .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb { - background-color: var(--mud-palette-dark); - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3); + .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.24) } - .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 1px rgba(var(--mud-palette-dark-rgb),.24); + .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.24) } - .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb:hover { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 1px rgba(var(--mud-palette-dark-rgb),.24); + .mud-slider.mud-slider-primary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-primary-rgb), 0.24) } - .mud-slider.mud-slider-dark .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-webkit-slider-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 2px rgba(var(--mud-palette-dark-rgb),.24); + .mud-slider.mud-slider-primary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-primary-rgb), 0.24) } - .mud-slider.mud-slider-dark .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-moz-range-thumb { - box-shadow: 0 1px 2px -1px rgba(var(--mud-palette-dark-rgb),.3),0 0 0 2px rgba(var(--mud-palette-dark-rgb),.24); + .mud-slider.mud-slider-secondary .mud-slider-filled { + background-color: var(--mud-palette-secondary) } - .mud-slider.mud-slider-small .mud-slider-filled { - height: 2px; + .mud-slider.mud-slider-secondary .mud-slider-track-tick { + background-color: var(--mud-palette-secondary) } - .mud-slider.mud-slider-small .mud-slider-track-tick { - width: 2px; - height: 2px; + .mud-slider.mud-slider-secondary .mud-slider-value-label { + color: var(--mud-palette-secondary-text); + background-color: var(--mud-palette-secondary) } - .mud-slider.mud-slider-small .mud-slider-track-tick-label { - transform: translateX(-50%) translateY(50%); + .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-secondary-rgb), 0.3) } - .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-runnable-track { - height: 2px; - margin: 10px 0; + .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-secondary-rgb), 0.3) + } + + .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-secondary); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3) + } + + .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-secondary); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3) + } + + .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-secondary-rgb), 0.24) + } + + .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-secondary-rgb), 0.24) + } + + .mud-slider.mud-slider-secondary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-secondary-rgb), 0.24) + } + + .mud-slider.mud-slider-secondary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-secondary-rgb), 0.24) + } + + .mud-slider.mud-slider-tertiary .mud-slider-filled { + background-color: var(--mud-palette-tertiary) + } + + .mud-slider.mud-slider-tertiary .mud-slider-track-tick { + background-color: var(--mud-palette-tertiary) + } + + .mud-slider.mud-slider-tertiary .mud-slider-value-label { + color: var(--mud-palette-tertiary-text); + background-color: var(--mud-palette-tertiary) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-tertiary-rgb), 0.3) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-tertiary-rgb), 0.3) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-tertiary); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-tertiary); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-tertiary-rgb), 0.24) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-tertiary-rgb), 0.24) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-tertiary-rgb), 0.24) + } + + .mud-slider.mud-slider-tertiary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-tertiary-rgb), 0.24) + } + + .mud-slider.mud-slider-info .mud-slider-filled { + background-color: var(--mud-palette-info) + } + + .mud-slider.mud-slider-info .mud-slider-track-tick { + background-color: var(--mud-palette-info) + } + + .mud-slider.mud-slider-info .mud-slider-value-label { + color: var(--mud-palette-info-text); + background-color: var(--mud-palette-info) + } + + .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-info-rgb), 0.3) + } + + .mud-slider.mud-slider-info .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-info-rgb), 0.3) + } + + .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-info); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3) + } + + .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-info); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3) + } + + .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-info-rgb), 0.24) + } + + .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-info-rgb), 0.24) + } + + .mud-slider.mud-slider-info .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-info-rgb), 0.24) + } + + .mud-slider.mud-slider-info .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-info-rgb), 0.24) + } + + .mud-slider.mud-slider-success .mud-slider-filled { + background-color: var(--mud-palette-success) + } + + .mud-slider.mud-slider-success .mud-slider-track-tick { + background-color: var(--mud-palette-success) + } + + .mud-slider.mud-slider-success .mud-slider-value-label { + color: var(--mud-palette-success-text); + background-color: var(--mud-palette-success) + } + + .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-success-rgb), 0.3) + } + + .mud-slider.mud-slider-success .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-success-rgb), 0.3) + } + + .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-success); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3) + } + + .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-success); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3) + } + + .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-success-rgb), 0.24) + } + + .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-success-rgb), 0.24) + } + + .mud-slider.mud-slider-success .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-success-rgb), 0.24) + } + + .mud-slider.mud-slider-success .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-success-rgb), 0.24) + } + + .mud-slider.mud-slider-warning .mud-slider-filled { + background-color: var(--mud-palette-warning) + } + + .mud-slider.mud-slider-warning .mud-slider-track-tick { + background-color: var(--mud-palette-warning) + } + + .mud-slider.mud-slider-warning .mud-slider-value-label { + color: var(--mud-palette-warning-text); + background-color: var(--mud-palette-warning) + } + + .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-warning-rgb), 0.3) + } + + .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-warning-rgb), 0.3) + } + + .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-warning); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3) + } + + .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-warning); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3) + } + + .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-warning-rgb), 0.24) + } + + .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-warning-rgb), 0.24) + } + + .mud-slider.mud-slider-warning .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-warning-rgb), 0.24) + } + + .mud-slider.mud-slider-warning .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-warning-rgb), 0.24) + } + + .mud-slider.mud-slider-error .mud-slider-filled { + background-color: var(--mud-palette-error) + } + + .mud-slider.mud-slider-error .mud-slider-track-tick { + background-color: var(--mud-palette-error) + } + + .mud-slider.mud-slider-error .mud-slider-value-label { + color: var(--mud-palette-error-text); + background-color: var(--mud-palette-error) + } + + .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-error-rgb), 0.3) + } + + .mud-slider.mud-slider-error .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-error-rgb), 0.3) + } + + .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-error); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3) + } + + .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-error); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3) + } + + .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-error-rgb), 0.24) + } + + .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-error-rgb), 0.24) + } + + .mud-slider.mud-slider-error .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-error-rgb), 0.24) + } + + .mud-slider.mud-slider-error .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-error-rgb), 0.24) + } + + .mud-slider.mud-slider-dark .mud-slider-filled { + background-color: var(--mud-palette-dark) + } + + .mud-slider.mud-slider-dark .mud-slider-track-tick { + background-color: var(--mud-palette-dark) + } + + .mud-slider.mud-slider-dark .mud-slider-value-label { + color: var(--mud-palette-dark-text); + background-color: var(--mud-palette-dark) + } + + .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-runnable-track { + background-color: rgba(var(--mud-palette-dark-rgb), 0.3) + } + + .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-track { + background-color: rgba(var(--mud-palette-dark-rgb), 0.3) + } + + .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb { + background-color: var(--mud-palette-dark); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3) + } + + .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb { + background-color: var(--mud-palette-dark); + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3) + } + + .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-dark-rgb), 0.24) + } + + .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb:hover { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3),0 0 0 1px rgba(var(--mud-palette-dark-rgb), 0.24) + } + + .mud-slider.mud-slider-dark .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-webkit-slider-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-dark-rgb), 0.24) + } + + .mud-slider.mud-slider-dark .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-moz-range-thumb { + box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3),0 0 0 2px rgba(var(--mud-palette-dark-rgb), 0.24) + } + + .mud-slider.mud-slider-small .mud-slider-filled { + height: 2px + } + + .mud-slider.mud-slider-small .mud-slider-track-tick { + width: 2px; + height: 2px + } + + .mud-slider.mud-slider-small .mud-slider-track-tick-label { + transform: translateX(-50%) translateY(50%) + } + + .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-runnable-track { + height: 2px; + margin: 10px 0 } .mud-slider.mud-slider-small .mud-slider-input::-moz-range-track { height: 2px; - margin: 10px 0; + margin: 10px 0 } .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-thumb { height: 2px; width: 2px; - transform: scale(6,6); + transform: scale(6, 6) } .mud-slider.mud-slider-small .mud-slider-input::-moz-range-thumb { height: 2px; width: 2px; - transform: scale(6,6); + transform: scale(6, 6) } .mud-slider.mud-slider-medium .mud-slider-filled { - height: 4px; + height: 4px } .mud-slider.mud-slider-medium .mud-slider-track-tick { width: 4px; - height: 4px; + height: 4px } .mud-slider.mud-slider-medium .mud-slider-track-tick-label { - transform: translateX(-50%) translateY(80%); + transform: translateX(-50%) translateY(80%) } .mud-slider.mud-slider-medium .mud-slider-input::-webkit-slider-runnable-track { height: 4px; - margin: 12px 0; + margin: 12px 0 } .mud-slider.mud-slider-medium .mud-slider-input::-moz-range-track { height: 4px; - margin: 12px 0; + margin: 12px 0 } .mud-slider.mud-slider-medium .mud-slider-input::-webkit-slider-thumb { height: 4px; width: 4px; - transform: scale(5,5); + transform: scale(5, 5) } .mud-slider.mud-slider-medium .mud-slider-input::-moz-range-thumb { height: 4px; width: 4px; - transform: scale(5,5); + transform: scale(5, 5) } .mud-slider.mud-slider-large .mud-slider-filled { - height: 6px; + height: 6px } .mud-slider.mud-slider-large .mud-slider-track-tick { width: 6px; - height: 6px; + height: 6px } .mud-slider.mud-slider-large .mud-slider-track-tick-label { - transform: translateX(-50%) translateY(110%); + transform: translateX(-50%) translateY(110%) } .mud-slider.mud-slider-large .mud-slider-input::-webkit-slider-runnable-track { height: 6px; - margin: 14px 0; + margin: 14px 0 } .mud-slider.mud-slider-large .mud-slider-input::-moz-range-track { height: 6px; - margin: 14px 0; + margin: 14px 0 } .mud-slider.mud-slider-large .mud-slider-input::-webkit-slider-thumb { height: 6px; width: 6px; - transform: scale(4,4); + transform: scale(4, 4) } .mud-slider.mud-slider-large .mud-slider-input::-moz-range-thumb { height: 6px; width: 6px; - transform: scale(4,4); + transform: scale(4, 4) } .mud-slider .mud-slider-container { position: relative; width: 100%; display: flex; - align-content: center; + align-content: center } .mud-slider .mud-slider-filled { - border-radius: var(--mud-default-borderradius); + border-radius: var(--mud-default-borderradius) } .mud-slider .mud-slider-inner-container { @@ -7506,7 +8558,7 @@ ul { width: 100%; height: 100%; display: flex; - align-items: center; + align-items: center } .mud-slider .mud-slider-value-label { @@ -7523,126 +8575,141 @@ ul { opacity: 0; transition: opacity .2s ease-in-out; pointer-events: none; - user-select: none; + user-select: none } .mud-slider .mud-slider-tickmarks { display: flex; justify-content: space-between; - flex-grow: 1; + flex-grow: 1 } .mud-slider .mud-slider-track-tick { border-radius: 9999%; - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-slider .mud-slider-track-tick-label { position: absolute; top: 0; - left: 0; + left: 0 } +.mud-paper { + color: var(--mud-palette-text-primary); + background-color: var(--mud-palette-surface); + border-radius: var(--mud-default-borderradius); + transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms +} + +.mud-paper-square { + border-radius: 0px +} + +.mud-paper-outlined { + border: 1px solid var(--mud-palette-lines-default) +} + .mud-progress-circular { display: inline-block; - color: var(--mud-palette-text-secondary); + color: var(--mud-palette-text-secondary) } .mud-progress-circular.mud-progress-indeterminate { - animation: mud-progress-circular-keyframes-circular-rotate 1.4s linear infinite; + animation: mud-progress-circular-keyframes-circular-rotate 1.4s linear infinite } .mud-progress-circular.mud-progress-static { - transition: transform 300ms cubic-bezier(.4,0,.2,1) 0ms; + transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .mud-progress-circular.mud-progress-small { height: 24px; - width: 24px; + width: 24px } .mud-progress-circular.mud-progress-medium { height: 40px; - width: 40px; + width: 40px } .mud-progress-circular.mud-progress-large { height: 56px; - width: 56px; + width: 56px } .mud-progress-circular-svg { display: block; - transform: rotate(-90deg); + transform: rotate(-90deg) } .mud-progress-circular-circle { - stroke: currentColor; + stroke: currentColor } .mud-progress-circular-circle.mud-progress-indeterminate { animation: mud-progress-circular-keyframes-circular-dash 1.4s ease-in-out infinite; stroke-dasharray: 80px,200px; - stroke-dashoffset: 0; + stroke-dashoffset: 0px } .mud-progress-circular-circle.mud-progress-static { - transition: stroke-dashoffset 300ms cubic-bezier(.4,0,.2,1) 0ms; + transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .mud-progress-circular-disable-shrink { - animation: none; + animation: none } .mud-progress-linear { - position: relative; + position: relative } .mud-progress-linear::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; - opacity: .2; + opacity: .2 } .mud-progress-linear.horizontal { - width: 100%; + width: 100% } .mud-progress-linear.horizontal.mud-progress-linear-small { - height: 4px; + height: 4px } .mud-progress-linear.horizontal.mud-progress-linear-medium { - height: 8px; + height: 8px } .mud-progress-linear.horizontal.mud-progress-linear-large { - height: 12px; + height: 12px } .mud-progress-linear.horizontal .mud-progress-linear-dashed { - animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear; + animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear } .mud-progress-linear.vertical { - height: 100%; + height: 100% } .mud-progress-linear.vertical.mud-progress-linear-small { - width: 4px; + width: 4px } .mud-progress-linear.vertical.mud-progress-linear-medium { - width: 8px; + width: 8px } .mud-progress-linear.vertical.mud-progress-linear-large { - width: 12px; + width: 12px } .mud-progress-linear .mud-progress-linear-content { @@ -7651,14 +8718,14 @@ ul { width: 100%; display: flex; justify-content: center; - align-items: center; + align-items: center } .mud-progress-linear .mud-progress-linear-bars { position: absolute; height: 100%; width: 100%; - overflow: hidden; + overflow: hidden } .mud-progress-linear .mud-progress-linear-bar { @@ -7668,53 +8735,53 @@ ul { bottom: 0; position: absolute; transition: transform .2s linear; - transform-origin: left; + transform-origin: left } .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-1-indeterminate.horizontal { width: auto; - animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite; + animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite } .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-1-indeterminate.vertical { height: auto; - animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite; + animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite } .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-2-indeterminate.horizontal { width: auto; - animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite; + animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite } .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-2-indeterminate.vertical { height: auto; - animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite; + animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite } .mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-action-disabled); + background-color: var(--mud-palette-action-disabled) } .mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-action-default); + background-color: var(--mud-palette-action-default) } .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-action-disabled) 0%,var(--mud-palette-action-disabled) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-action-disabled) 0%, var(--mud-palette-action-disabled) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-action-default); + background-color: var(--mud-palette-action-default) } .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7722,33 +8789,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-action-disabled); + background-color: var(--mud-palette-action-disabled) } .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-primary) 0%,var(--mud-palette-primary) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-primary) 0%, var(--mud-palette-primary) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7756,33 +8823,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } .mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-secondary) 0%,var(--mud-palette-secondary) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-secondary) 0%, var(--mud-palette-secondary) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7790,33 +8857,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } .mud-progress-linear.mud-progress-linear-color-tertiary:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } .mud-progress-linear.mud-progress-linear-color-tertiary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-tertiary) 0%,var(--mud-palette-tertiary) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-tertiary) 0%, var(--mud-palette-tertiary) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7824,33 +8891,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-info) 0%,var(--mud-palette-info) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-info) 0%, var(--mud-palette-info) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7858,33 +8925,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } .mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } .mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-success) 0%,var(--mud-palette-success) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-success) 0%, var(--mud-palette-success) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7892,33 +8959,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } .mud-progress-linear.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } .mud-progress-linear.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-warning) 0%,var(--mud-palette-warning) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-warning) 0%, var(--mud-palette-warning) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7926,33 +8993,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } .mud-progress-linear.mud-progress-linear-color-error:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } .mud-progress-linear.mud-progress-linear-color-error:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-error) 0%,var(--mud-palette-error) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-error) 0%, var(--mud-palette-error) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7960,33 +9027,33 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } .mud-progress-linear.mud-progress-linear-color-dark:not(.mud-progress-linear-buffer)::before { - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-progress-linear.mud-progress-linear-color-dark:not(.mud-progress-linear-buffer) .mud-progress-linear-bar { - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { background-size: 10px 10px; - background-image: radial-gradient(var(--mud-palette-dark) 0%,var(--mud-palette-dark) 16%,transparent 42%); - background-position: 0 -23px; + background-image: radial-gradient(var(--mud-palette-dark) 0%, var(--mud-palette-dark) 16%, transparent 42%); + background-position: 0 -23px } .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:last-child { - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before { - content: ''; + content: ""; position: absolute; top: 0; left: 0; @@ -7994,70 +9061,70 @@ ul { width: 100%; display: block; opacity: .4; - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-progress-linear.mud-progress-indeterminate.horizontal .mud-progress-linear-bar:first-child { width: auto; - animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite; + animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite } .mud-progress-linear.mud-progress-indeterminate.horizontal .mud-progress-linear-bar:last-child { width: auto; - animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite; + animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite } .mud-progress-linear.mud-progress-indeterminate.vertical .mud-progress-linear-bar:first-child { height: auto; - animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite; + animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite } .mud-progress-linear.mud-progress-indeterminate.vertical .mud-progress-linear-bar:last-child { height: auto; - animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite; + animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite } .mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:first-child { width: 100%; height: 100%; position: absolute; - margin-top: 0; + margin-top: 0 } .mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) { z-index: 1; - transition: transform .4s linear; + transition: transform .4s linear } .mud-progress-linear.mud-progress-linear-buffer.horizontal .mud-progress-linear-bar:first-child { - animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear; + animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear } .mud-progress-linear.mud-progress-linear-buffer.vertical .mud-progress-linear-bar:first-child { - animation: mud-progress-linear-vertical-keyframes-buffer 3s infinite linear; + animation: mud-progress-linear-vertical-keyframes-buffer 3s infinite linear } .mud-progress-linear.mud-progress-linear-striped .mud-progress-linear-bar { - background-image: linear-gradient(135deg,rgba(255,255,255,.25) 25%,transparent 0,transparent 50%,rgba(255,255,255,.25) 0,rgba(255,255,255,.25) 75%,transparent 0,transparent); + background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent); background-size: 40px 40px; background-repeat: repeat; - animation: mud-progress-linear-striped-loading 10s linear infinite; + animation: mud-progress-linear-striped-loading 10s linear infinite } .mud-progress-linear.mud-progress-linear-rounded { - border-radius: var(--mud-default-borderradius); + border-radius: var(--mud-default-borderradius) } .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bars { - border-radius: var(--mud-default-borderradius); + border-radius: var(--mud-default-borderradius) } .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bar { - border-radius: var(--mud-default-borderradius); + border-radius: var(--mud-default-borderradius) } .mud-progress-linear.mud-progress-linear-rounded::before { - border-radius: var(--mud-default-borderradius); + border-radius: var(--mud-default-borderradius) } .mud-radio { @@ -8065,49 +9132,49 @@ ul { display: inline-flex; align-items: center; vertical-align: middle; - -webkit-tap-highlight-color: transparent; - color: var(--mud-palette-action-default); + -webkit-tap-highlight-color: rgba(0,0,0,0); + color: var(--mud-palette-action-default) } .mud-radio > .mud-radio-content { - color: var(--mud-palette-text-primary); + color: var(--mud-palette-text-primary) } .mud-radio.mud-disabled, .mud-radio .mud-disabled:hover, .mud-radio .mud-disabled:focus-visible { cursor: default; - background-color: transparent !important; + background-color: rgba(0,0,0,0) !important } .mud-radio.mud-disabled > .mud-radio-content, .mud-radio .mud-disabled:hover > .mud-radio-content, .mud-radio .mud-disabled:focus-visible > .mud-radio-content { - color: var(--mud-palette-text-disabled); + color: var(--mud-palette-text-disabled) } .mud-radio.mud-disabled *, .mud-radio .mud-disabled:hover *, .mud-radio .mud-disabled:focus-visible * { cursor: default; - color: var(--mud-palette-text-disabled); + color: var(--mud-palette-text-disabled) } .mud-radio.mud-readonly, .mud-radio .mud-readonly:hover { - cursor: default; + cursor: default } .mud-radio .mud-radio-dense { - padding: 4px; + padding: 4px } .mud-radio.mud-checked { - color: var(--mud-palette-action-default); + color: var(--mud-palette-action-default) } .mud-radio.mud-checked:hover { - background-color: var(--mud-palette-action-default-hover); + background-color: var(--mud-palette-action-default-hover) } .mud-radio-button { width: 100%; display: flex; align-items: inherit; - justify-content: inherit; + justify-content: inherit } .mud-radio-button .mud-radio-input { @@ -8120,24 +9187,24 @@ ul { opacity: 0; padding: 0; z-index: 1; - position: absolute; + position: absolute } .mud-radio-button .mud-radio-icons { display: flex; - position: relative; + position: relative } .mud-radio-icons.mud-checked .mud-radio-icon-checked { transform: scale(1); - transition: transform 150ms cubic-bezier(0,0,.2,1) 0ms; + transition: transform 150ms cubic-bezier(0, 0, 0.2, 1) 0ms } .mud-radio-icon-checked { left: 0; position: absolute; transform: scale(0); - transition: transform 150ms cubic-bezier(.4,0,1,1) 0ms; + transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms } .mud-radio-content-placement-start { @@ -8145,7 +9212,7 @@ ul { margin-right: -11px; margin-inline-start: 16px; margin-inline-end: -11px; - flex-direction: row-reverse; + flex-direction: row-reverse } .mud-radio-content-placement-end { @@ -8153,78 +9220,163 @@ ul { margin-right: 16px; margin-inline-start: -11px; margin-inline-end: 16px; - flex-direction: row; + flex-direction: row } .mud-radio-content-placement-top { margin-left: 16px; margin-inline-start: 16px; margin-inline-end: unset; - flex-direction: column-reverse; + flex-direction: column-reverse } .mud-radio-content-placement-bottom { margin-left: 16px; margin-inline-start: 16px; margin-inline-end: unset; - flex-direction: column; + flex-direction: column } .mud-rating-root { display: inline-flex; - color: #ffb400; + color: #ffb400 } .mud-rating-root:focus-visible { - outline: none; + outline: none } .mud-rating-root:focus-visible:not(.mud-disabled) { - background-color: var(--mud-palette-action-default-hover); + background-color: var(--mud-palette-action-default-hover) } .mud-rating-item { cursor: pointer; - transition: transform 150ms cubic-bezier(.4,0,.2,1) 0ms; + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .mud-rating-item.mud-rating-item-active { - transform: scale(1.2); + transform: scale(1.2) } .mud-rating-item.mud-disabled, .mud-rating-item .mud-disabled:hover { cursor: default; - pointer-events: none; + pointer-events: none } .mud-rating-item.mud-disabled *, .mud-rating-item .mud-disabled:hover * { cursor: default; - color: var(--mud-palette-text-disabled); + color: var(--mud-palette-text-disabled) } .mud-rating-item.mud-readonly { - cursor: default; + cursor: default } .mud-rating-item .mud-rating-input { - clip: rect(0,0,0,0); + clip: rect(0, 0, 0, 0); margin: 0; opacity: 0; padding: 0; z-index: 1; position: absolute; cursor: inherit; - overflow: hidden; + overflow: hidden } .mud-rating-item svg { - pointer-events: none; + pointer-events: none } .mud-rating-item svg path { - pointer-events: none; + pointer-events: none + } + +.mud-select { + display: flex; + flex-grow: 1; + position: relative +} + + .mud-select.mud-autocomplete { + display: block + } + + .mud-select.mud-autocomplete .mud-select-input { + cursor: text + } + + .mud-select.mud-autocomplete .mud-input-adornment { + cursor: pointer + } + + .mud-select.mud-autocomplete--with-progress .mud-select-input input { + padding-right: 3.5rem !important + } + + .mud-select.mud-autocomplete--with-progress .mud-input-adorned-end input { + padding-right: 4.5rem !important + } + + .mud-select.mud-autocomplete--with-progress .mud-select-input .mud-icon-button { + display: none !important + } + + .mud-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-select.mud-autocomplete--with-progress .progress-indicator-circular--with-adornment { + padding-right: 3rem + } + + .mud-select.mud-autocomplete--with-progress .mud-progress-linear { + position: absolute; + bottom: -1px; + height: 2px + } + + .mud-select .mud-select-input { + cursor: pointer + } + + .mud-select .mud-select-input .mud-input-slot { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis + } + + .mud-select .mud-select-input .mud-input-adornment-end { + margin-left: 0 + } + + .mud-select .mud-select-input:disabled { + cursor: default } + .mud-select .mud-disabled .mud-select-input { + cursor: default + } + + .mud-select > .mud-form-helpertext { + margin-top: -21px + } + +.mud-select-all { + margin-top: 10px; + border-bottom: 1px solid #d3d3d3; + padding-bottom: 18px +} + .mud-snackbar { display: flex; flex-grow: initial; @@ -8239,24 +9391,24 @@ ul { min-width: 288px; max-width: 500px; border-radius: var(--mud-default-borderradius); - box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12); + box-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12) } .mud-snackbar.force-cursor { - cursor: pointer; + cursor: pointer } .mud-snackbar.mud-snackbar-blurred { - backdrop-filter: blur(18px); + backdrop-filter: blur(18px) } .mud-snackbar.mud-snackbar-surface { - background: var(--mud-palette-surface); + background: var(--mud-palette-surface) } .mud-snackbar .mud-snackbar-content-message { padding: 8px 0; - overflow-wrap: anywhere; + overflow-wrap: anywhere } .mud-snackbar .mud-snackbar-content-action { @@ -8268,49 +9420,49 @@ ul { margin-inline-start: auto; margin-inline-end: -8px; padding-inline-start: 16px; - padding-inline-end: unset; + padding-inline-end: unset } .mud-snackbar .mud-snackbar-content-action > button { - color: inherit; + color: inherit } .mud-snackbar-location-top-left { top: 24px; - left: 24px; + left: 24px } .mud-snackbar-location-top-center { top: 24px; left: 50%; - transform: translateX(-50%); + transform: translateX(-50%) } .mud-snackbar-location-top-right { top: 24px; - right: 24px; + right: 24px } .mud-snackbar-location-bottom-right { right: 24px; - bottom: 24px; + bottom: 24px } .mud-snackbar-location-bottom-center { bottom: 24px; left: 50%; - transform: translateX(-50%); + transform: translateX(-50%) } .mud-snackbar-location-bottom-left { bottom: 24px; - left: 24px; + left: 24px } #mud-snackbar-container { position: fixed; z-index: var(--mud-zindex-snackbar); - pointer-events: none; + pointer-events: none } .mud-snackbar-icon { @@ -8320,7 +9472,7 @@ ul { font-size: 22px; margin-right: 12px; margin-inline-end: 12px; - margin-inline-start: unset; + margin-inline-start: unset } .mud-switch { @@ -8332,17 +9484,17 @@ ul { margin-inline-start: -11px; margin-inline-end: 16px; vertical-align: middle; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0,0,0,0) } .mud-switch.mud-disabled { color: var(--mud-palette-text-disabled) !important; - cursor: default; + cursor: default } .mud-switch.mud-readonly, .mud-switch .mud-readonly:hover { cursor: default; - background-color: transparent !important; + background-color: rgba(0,0,0,0) !important } .mud-switch-span { @@ -8355,7 +9507,7 @@ ul { position: relative; box-sizing: border-box; flex-shrink: 0; - vertical-align: middle; + vertical-align: middle } .mud-switch-span .mud-switch-track { @@ -8363,9 +9515,9 @@ ul { height: 100%; opacity: .48; z-index: -1; - transition: opacity 150ms cubic-bezier(.4,0,.2,1) 0ms,background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 9px; - background-color: var(--mud-palette-black); + background-color: var(--mud-palette-black) } .mud-switch-base { @@ -8375,38 +9527,38 @@ ul { color: #fafafa; z-index: 1; position: absolute; - transition: left 150ms cubic-bezier(.4,0,.2,1) 0ms,transform 150ms cubic-bezier(.4,0,.2,1) 0ms,background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms; + transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .mud-switch-base.mud-checked { - transform: translateX(20px); + transform: translateX(20px) } .mud-switch-base.mud-checked + .mud-switch-track { - opacity: .5; + opacity: .5 } .mud-switch-base:hover { - background-color: var(--mud-palette-action-default-hover); + background-color: var(--mud-palette-action-default-hover) } .mud-switch-base.mud-switch-disabled { - color: var(--mud-palette-grey-default) !important; + color: var(--mud-palette-grey-default) !important } .mud-switch-base.mud-switch-disabled + .mud-switch-track { - opacity: .12 !important; + opacity: .12 !important } .mud-switch-base.mud-switch-disabled:hover, .mud-switch-base.mud-switch-disabled:focus-visible { cursor: default; - background-color: transparent !important; + background-color: rgba(0,0,0,0) !important } .mud-switch-button { display: flex; align-items: inherit; - justify-content: inherit; + justify-content: inherit } .mud-switch-button .mud-switch-input { @@ -8419,83 +9571,83 @@ ul { opacity: 0; padding: 0; z-index: 1; - position: absolute; + position: absolute } .mud-switch-button .mud-switch-thumb-small { width: 14px; height: 14px; - box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); + box-shadow: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12); border-radius: 50%; - background-color: currentColor; + background-color: currentColor } .mud-switch-button .mud-switch-thumb-medium { width: 20px; height: 20px; - box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); + box-shadow: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12); border-radius: 50%; - background-color: currentColor; + background-color: currentColor } .mud-switch-button .mud-switch-thumb-large { width: 26px; height: 26px; - box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); + box-shadow: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12); border-radius: 50%; - background-color: currentColor; + background-color: currentColor } .mud-switch-base-small.mud-switch-base { - padding: 5px; + padding: 5px } .mud-switch-base-medium.mud-switch-base { - padding: 9px; + padding: 9px } .mud-switch-base-large.mud-switch-base { - padding: 13px; + padding: 13px } .mud-switch-span-small.mud-switch-span { padding: 7px; width: 44px; - height: 24px; + height: 24px } .mud-switch-span-medium.mud-switch-span { padding: 12px; width: 58px; - height: 38px; + height: 38px } .mud-switch-span-large.mud-switch-span { padding: 17px; width: 72px; - height: 52px; + height: 52px } .mud-switch-label-small { - font-size: .8125rem !important; + font-size: .8125rem !important } .mud-switch-label-medium { - font-size: 1rem !important; + font-size: 1rem !important } .mud-switch-label-large { - font-size: 1.1875rem !important; + font-size: 1.1875rem !important } .mud-timeline { position: relative; - display: flex; + display: flex } .mud-timeline-vertical { padding-top: 24px; - flex-direction: column; + flex-direction: column } .mud-timeline-vertical::before { @@ -8505,28 +9657,28 @@ ul { height: 100%; position: absolute; width: 2px; - background: var(--mud-palette-divider); + background: var(--mud-palette-divider) } .mud-timeline-vertical .mud-timeline-item { - padding-bottom: 24px; + padding-bottom: 24px } .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-content { - max-width: calc(50% - 48px); + max-width: calc(50% - 48px) } .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-divider { - min-width: 96px; + min-width: 96px } .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-opposite { flex: 1 1 auto; - max-width: calc(50% - 48px); + max-width: calc(50% - 48px) } .mud-timeline-horizontal { - flex-direction: row; + flex-direction: row } .mud-timeline-horizontal::before { @@ -8536,194 +9688,195 @@ ul { height: 2px; position: absolute; width: 100%; - background: var(--mud-palette-divider); + background: var(--mud-palette-divider) } .mud-timeline-horizontal .mud-timeline-item { padding-left: 24px; padding-right: 24px; width: 100%; + min-width: 0 } .mud-timeline-horizontal .mud-timeline-item .mud-timeline-item-content { - max-height: calc(50% - 48px); + max-height: calc(50% - 48px) } .mud-timeline-horizontal .mud-timeline-item .mud-timeline-item-divider { - min-height: 96px; + min-height: 96px } .mud-timeline-item { - display: flex; + display: flex } .mud-timeline-item .mud-timeline-item-content { position: relative; height: 100%; - flex: 1 1 auto; + flex: 1 1 auto } .mud-timeline-item .mud-timeline-item-divider { position: relative; display: flex; align-items: center; - justify-content: center; + justify-content: center } .mud-timeline-item .mud-timeline-item-opposite { - align-self: center; + align-self: center } .mud-timeline-vertical.mud-timeline-align-start .mud-timeline-item-divider { - align-items: flex-start; + align-items: flex-start } .mud-timeline-vertical.mud-timeline-align-start .mud-timeline-item-opposite { - align-self: flex-start; + align-self: flex-start } .mud-timeline-vertical.mud-timeline-align-end .mud-timeline-item-divider { - align-items: flex-end; + align-items: flex-end } .mud-timeline-vertical.mud-timeline-align-end .mud-timeline-item-opposite { - align-self: flex-end; + align-self: flex-end } .mud-timeline-vertical.mud-timeline-position-alternate::before { left: auto; - right: calc(50% - 1px); + right: calc(50% - 1px) } .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start), .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end { - flex-direction: row-reverse; + flex-direction: row-reverse } .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-opposite { - text-align: end; + text-align: end } .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) { - flex-direction: row; + flex-direction: row } .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-opposite { - text-align: start; + text-align: start } .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end), .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start { - flex-direction: row; + flex-direction: row } .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-opposite { - text-align: start; + text-align: start } .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) { - flex-direction: row-reverse; + flex-direction: row-reverse } .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-opposite { - text-align: end; + text-align: end } .mud-timeline-vertical.mud-timeline-position-start::before { right: auto; - left: 47px; + left: 47px } .mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl::before { right: 47px; - left: auto; + left: auto } .mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item { - flex-direction: row-reverse; + flex-direction: row-reverse } .mud-timeline-vertical.mud-timeline-position-end::before { right: 47px; - left: auto; + left: auto } .mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl::before { left: 47px; - right: auto; + right: auto } .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item { - flex-direction: row; + flex-direction: row } .mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item-content, .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item-content { - max-width: calc(100% - 96px); + max-width: calc(100% - 96px) } .mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item-opposite { - display: none; + display: none } .mud-timeline-horizontal.mud-timeline-align-start .mud-timeline-item-divider { - justify-content: flex-start; + justify-content: flex-start } .mud-timeline-horizontal.mud-timeline-align-start .mud-timeline-item-opposite { - align-self: flex-start; + align-self: flex-start } .mud-timeline-horizontal.mud-timeline-align-end .mud-timeline-item-divider { - justify-content: flex-end; + justify-content: flex-end } .mud-timeline-horizontal.mud-timeline-align-end .mud-timeline-item-opposite { - align-self: flex-end; + align-self: flex-end } .mud-timeline-horizontal.mud-timeline-position-alternate::before { top: auto; - bottom: calc(50% - 1px); + bottom: calc(50% - 1px) } .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd), .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end { - flex-direction: column-reverse; + flex-direction: column-reverse } .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n), .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-start { - flex-direction: column; + flex-direction: column } .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd), .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end { - flex-direction: column; + flex-direction: column } .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n), .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start { - flex-direction: column-reverse; + flex-direction: column-reverse } .mud-timeline-horizontal.mud-timeline-position-top::before { top: 47px; - bottom: auto; + bottom: auto } .mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item { - flex-direction: column-reverse; + flex-direction: column-reverse } .mud-timeline-horizontal.mud-timeline-position-bottom::before { top: auto; - bottom: 47px; + bottom: 47px } .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item { - flex-direction: column; + flex-direction: column } .mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content, .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content { - max-height: calc(100% - 96px); + max-height: calc(100% - 96px) } .mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-opposite { - display: none; + display: none } .mud-timeline-item-dot { @@ -8732,247 +9885,247 @@ ul { align-items: center; background: var(--mud-palette-surface); border-radius: 50%; - left: calc(50% - 19px); + left: calc(50% - 19px) } .mud-timeline-item-dot.mud-timeline-dot-size-small { width: 24px; - height: 24px; + height: 24px } .mud-timeline-item-dot.mud-timeline-dot-size-small .mud-timeline-item-dot-inner { height: 18px; - width: 18px; + width: 18px } .mud-timeline-item-dot.mud-timeline-dot-size-medium { width: 38px; - height: 38px; + height: 38px } .mud-timeline-item-dot.mud-timeline-dot-size-medium .mud-timeline-item-dot-inner { height: 30px; - width: 30px; + width: 30px } .mud-timeline-item-dot.mud-timeline-dot-size-large { width: 52px; - height: 52px; + height: 52px } .mud-timeline-item-dot.mud-timeline-dot-size-large .mud-timeline-item-dot-inner { height: 42px; - width: 42px; + width: 42px } .mud-timeline-item-dot .mud-timeline-item-dot-inner { border-radius: 50%; display: flex; justify-content: center; - align-items: center; + align-items: center } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-fill { height: inherit; - width: inherit; + width: inherit } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default { - background-color: var(--mud-palette-grey-light); + background-color: var(--mud-palette-grey-light) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-primary { color: var(--mud-palette-primary-text); - background-color: var(--mud-palette-primary); + background-color: var(--mud-palette-primary) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-secondary { color: var(--mud-palette-secondary-text); - background-color: var(--mud-palette-secondary); + background-color: var(--mud-palette-secondary) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-tertiary { color: var(--mud-palette-tertiary-text); - background-color: var(--mud-palette-tertiary); + background-color: var(--mud-palette-tertiary) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-info { color: var(--mud-palette-info-text); - background-color: var(--mud-palette-info); + background-color: var(--mud-palette-info) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-success { color: var(--mud-palette-success-text); - background-color: var(--mud-palette-success); + background-color: var(--mud-palette-success) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-warning { color: var(--mud-palette-warning-text); - background-color: var(--mud-palette-warning); + background-color: var(--mud-palette-warning) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-error { color: var(--mud-palette-error-text); - background-color: var(--mud-palette-error); + background-color: var(--mud-palette-error) } .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-dark { color: var(--mud-palette-dark-text); - background-color: var(--mud-palette-dark); + background-color: var(--mud-palette-dark) } .mud-timeline-modifiers .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers .mud-timeline-item-content .mud-card::after { content: ""; - position: absolute; + position: absolute } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card::after { transform: rotate(0); left: -16px; - right: auto; + right: auto } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - left: -15px; + left: -15px } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card::after { transform: rotate(180deg); right: -16px; - left: auto; + left: auto } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - right: -15px; + right: -15px } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after { transform: rotate(0); left: -16px; - right: auto; + right: auto } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - left: -15px; + left: -15px } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after { transform: rotate(180deg); right: -16px; - left: auto; + left: auto } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - right: -15px; + right: -15px } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::after { transform: rotate(180deg); right: -16px; - left: auto; + left: auto } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - right: -15px; + right: -15px } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after { transform: rotate(0); left: -16px; - right: auto; + right: auto } .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - left: -15px; + left: -15px } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card::after { transform: rotate(90deg); top: -24px; bottom: auto; - left: calc(50% - 8px); + left: calc(50% - 8px) } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - top: -23px; + top: -23px } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card::after { transform: rotate(270deg); bottom: -24px; top: auto; - left: calc(50% - 8px); + left: calc(50% - 8px) } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - bottom: -23px; + bottom: -23px } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after { transform: rotate(90deg); top: -24px; bottom: auto; - left: calc(50% - 8px); + left: calc(50% - 8px) } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - top: -23px; + top: -23px } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after { transform: rotate(270deg); bottom: -24px; top: auto; - left: calc(50% - 8px); + left: calc(50% - 8px) } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - bottom: -23px; + bottom: -23px } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after { transform: rotate(270deg); bottom: -24px; top: auto; - left: calc(50% - 8px); + left: calc(50% - 8px) } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - bottom: -23px; + bottom: -23px } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after { transform: rotate(90deg); top: -24px; bottom: auto; - left: calc(50% - 8px); + left: calc(50% - 8px) } .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after { - top: -23px; + top: -23px } .mud-timeline-modifiers .mud-timeline-item-content .mud-card::before { - border-top: 16px solid transparent; - border-bottom: 16px solid transparent; + border-top: 16px solid rgba(0,0,0,0); + border-bottom: 16px solid rgba(0,0,0,0); border-right: 16px solid rgba(0,0,0,.1); - top: calc(50% - 14px); + top: calc(50% - 14px) } .mud-timeline-modifiers .mud-timeline-item-content .mud-card::after { - border-top: 16px solid transparent; - border-bottom: 16px solid transparent; + border-top: 16px solid rgba(0,0,0,0); + border-bottom: 16px solid rgba(0,0,0,0); border-right: 16px solid var(--mud-palette-surface); - top: calc(50% - 16px); + top: calc(50% - 16px) } .mud-timeline-modifiers .mud-timeline-item-content .mud-card.mud-paper-outlined::before { top: calc(50% - 16px); - border-right-color: var(--mud-palette-lines-default); + border-right-color: var(--mud-palette-lines-default) } .mud-typography { - margin: 0; + margin: 0 } .mud-typography-body1 { @@ -8981,7 +10134,7 @@ ul { font-weight: var(--mud-typography-body1-weight); line-height: var(--mud-typography-body1-lineheight); letter-spacing: var(--mud-typography-body1-letterspacing); - text-transform: var(--mud-typography-body1-text-transform); + text-transform: var(--mud-typography-body1-text-transform) } .mud-typography-body2 { @@ -8990,7 +10143,7 @@ ul { font-weight: var(--mud-typography-body2-weight); line-height: var(--mud-typography-body2-lineheight); letter-spacing: var(--mud-typography-body2-letterspacing); - text-transform: var(--mud-typography-body2-text-transform); + text-transform: var(--mud-typography-body2-text-transform) } .mud-typography-caption { @@ -8999,7 +10152,7 @@ ul { font-weight: var(--mud-typography-caption-weight); line-height: var(--mud-typography-caption-lineheight); letter-spacing: var(--mud-typography-caption-letterspacing); - text-transform: var(--mud-typography-caption-text-transform); + text-transform: var(--mud-typography-caption-text-transform) } .mud-typography-button { @@ -9008,7 +10161,7 @@ ul { font-weight: var(--mud-typography-button-weight); line-height: var(--mud-typography-button-lineheight); letter-spacing: var(--mud-typography-button-letterspacing); - text-transform: var(--mud-typography-button-text-transform); + text-transform: var(--mud-typography-button-text-transform) } .mud-typography-h1 { @@ -9017,7 +10170,7 @@ ul { font-weight: var(--mud-typography-h1-weight); line-height: var(--mud-typography-h1-lineheight); letter-spacing: var(--mud-typography-h1-letterspacing); - text-transform: var(--mud-typography-h1-text-transform); + text-transform: var(--mud-typography-h1-text-transform) } .mud-typography-h2 { @@ -9026,7 +10179,7 @@ ul { font-weight: var(--mud-typography-h2-weight); line-height: var(--mud-typography-h2-lineheight); letter-spacing: var(--mud-typography-h2-letterspacing); - text-transform: var(--mud-typography-h2-text-transform); + text-transform: var(--mud-typography-h2-text-transform) } .mud-typography-h3 { @@ -9035,7 +10188,7 @@ ul { font-weight: var(--mud-typography-h3-weight); line-height: var(--mud-typography-h3-lineheight); letter-spacing: var(--mud-typography-h3-letterspacing); - text-transform: var(--mud-typography-h3-text-transform); + text-transform: var(--mud-typography-h3-text-transform) } .mud-typography-h4 { @@ -9044,7 +10197,7 @@ ul { font-weight: var(--mud-typography-h4-weight); line-height: var(--mud-typography-h4-lineheight); letter-spacing: var(--mud-typography-h4-letterspacing); - text-transform: var(--mud-typography-h4-text-transform); + text-transform: var(--mud-typography-h4-text-transform) } .mud-typography-h5 { @@ -9053,7 +10206,7 @@ ul { font-weight: var(--mud-typography-h5-weight); line-height: var(--mud-typography-h5-lineheight); letter-spacing: var(--mud-typography-h5-letterspacing); - text-transform: var(--mud-typography-h5-text-transform); + text-transform: var(--mud-typography-h5-text-transform) } .mud-typography-h6 { @@ -9062,7 +10215,7 @@ ul { font-weight: var(--mud-typography-h6-weight); line-height: var(--mud-typography-h6-lineheight); letter-spacing: var(--mud-typography-h6-letterspacing); - text-transform: var(--mud-typography-h6-text-transform); + text-transform: var(--mud-typography-h6-text-transform) } .mud-typography-subtitle1 { @@ -9071,7 +10224,7 @@ ul { font-weight: var(--mud-typography-subtitle1-weight); line-height: var(--mud-typography-subtitle1-lineheight); letter-spacing: var(--mud-typography-subtitle1-letterspacing); - text-transform: var(--mud-typography-subtitle1-text-transform); + text-transform: var(--mud-typography-subtitle1-text-transform) } .mud-typography-subtitle2 { @@ -9080,7 +10233,7 @@ ul { font-weight: var(--mud-typography-subtitle2-weight); line-height: var(--mud-typography-subtitle2-lineheight); letter-spacing: var(--mud-typography-subtitle2-letterspacing); - text-transform: var(--mud-typography-subtitle2-text-transform); + text-transform: var(--mud-typography-subtitle2-text-transform) } .mud-typography-overline { @@ -9089,2366 +10242,1698 @@ ul { font-weight: var(--mud-typography-overline-weight); line-height: var(--mud-typography-overline-lineheight); letter-spacing: var(--mud-typography-overline-letterspacing); - text-transform: var(--mud-typography-overline-text-transform); + text-transform: var(--mud-typography-overline-text-transform) } .mud-typography-srOnly { width: 1px; height: 1px; overflow: hidden; - position: absolute; + position: absolute } .mud-typography-align-left { - text-align: left; + text-align: left } .mud-typography-align-center { - text-align: center; -} - -.mud-typography-align-right { - text-align: right; -} - -.mud-typography-align-justify { - text-align: justify; -} - -.mud-typography-nowrap { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.mud-typography-gutterbottom { - margin-bottom: .35em; -} - -.mud-typography-paragraph { - margin-bottom: 16px; -} - -.mud-typography-display-inline { - display: inline; -} - -.mud-typography-display-block { - display: block; -} - -.mud-table { - color: var(--mud-palette-text-primary); - background-color: var(--mud-palette-surface); - border-radius: var(--mud-default-borderradius); - transition: box-shadow 300ms cubic-bezier(.4,0,.2,1) 0ms; -} - - .mud-table.mud-table-square { - border-radius: 0; - } - - .mud-table.mud-table-outlined { - border: 1px solid var(--mud-palette-lines-default); - } - -.mud-table-container { - width: 100%; - overflow-y: auto; -} - -.mud-table-root { - width: 100%; - border-spacing: 0; + text-align: center } - .mud-table-root .mud-table-head { - display: table-header-group; - } - - .mud-table-root .mud-table-head .mud-table-cell { - color: var(--mud-palette-text-primary); - font-weight: 500; - line-height: 1.5rem; - } - - .mud-table-root .mud-table-body { - display: table-row-group; - } - - .mud-table-root .mud-table-body .mud-table-cell { - color: var(--mud-palette-text-primary); - } - - .mud-table-root > .mud-table-body:last-child > .mud-table-row:last-child > .mud-table-cell { - border-bottom: none; - } - -.mud-table-sort-label { - cursor: pointer; - display: inline-flex; - align-items: center; - flex-direction: inherit; - justify-content: flex-start; -} - - .mud-table-sort-label:hover { - color: var(--mud-palette-action-default); - } - - .mud-table-sort-label:hover .mud-table-sort-label-icon { - opacity: .8; - } - - .mud-table-sort-label .mud-table-sort-label-icon { - font-size: 18px; - transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms; - margin-left: 4px; - user-select: none; - margin-right: 4px; - opacity: 0; - } - - .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc { - opacity: 1; - transform: rotate(180deg); - } - - .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc { - opacity: 1; - transform: rotate(0deg); - } - -.mud-table-toolbar { - padding-left: 16px; - padding-right: 8px; - padding-inline-start: 16px; - padding-inline-end: 8px; -} - -.mud-table-cell { - display: table-cell; - padding: 16px; - font-size: .875rem; - text-align: start; - font-weight: 400; - line-height: 1.43; - border-bottom: 1px solid var(--mud-palette-table-lines); - letter-spacing: .01071em; - vertical-align: inherit; -} - - .mud-table-cell .mud-checkbox { - margin: -12px; - } - -.mud-table-cell-footer { - color: var(--mud-palette-text-secondary); - font-size: .75rem; - line-height: 1.3125rem; -} - -.mud-table-dense * .mud-table-row .mud-table-cell { - padding: 6px 24px 6px 16px; - padding-inline-start: 16px; - padding-inline-end: 24px; -} - - .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-cell-checkbox .mud-button-root { - padding: 4px; - } - - .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-row-expander { - padding: 4px; - } - - .mud-table-dense * .mud-table-row .mud-table-cell:last-child { - padding-right: 16px; - padding-inline-end: 16px; - } - -.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(:last-child) { - border-right: 1px solid var(--mud-palette-table-lines); -} - -.mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:not(:last-child) { - border-right: 1px solid var(--mud-palette-table-lines); -} - -.mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot.table-foot-bordered .mud-table-row .mud-table-cell:not(:last-child) { - border-right: 1px solid var(--mud-palette-table-lines); -} - -.mud-table-sticky-header .mud-table-container { - overflow-x: auto; -} - -.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child { - border-radius: var(--mud-default-borderradius) 0 0 0; -} - -.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child { - border-radius: 0 var(--mud-default-borderradius) 0 0; -} - -.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell { - background-color: var(--mud-palette-surface); - position: sticky; - z-index: 2; - top: 0; -} - -.mud-table-sticky-footer .mud-table-container { - overflow-x: auto; -} - -.mud-table-sticky-footer * .mud-table-root .mud-table-foot * .mud-table-cell { - background-color: var(--mud-palette-surface); - position: sticky; - z-index: 2; - bottom: 0; -} - -.mud-table-row { - color: inherit; - display: table-row; - outline: 0; - vertical-align: middle; -} - -.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover { - background-color: var(--mud-palette-table-hover); -} - -.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) { - background-color: var(--mud-palette-table-striped); -} - -.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover { - background-color: var(--mud-palette-table-hover); -} - -.mud-table-cell > .mud-input-control > div.mud-input.mud-input-text { - color: var(--mud-theme-on-surface); - font-size: .875rem; - margin-top: -14px; - margin-bottom: -8px; -} - -.mud-table-cell > .mud-select > .mud-input-control > div.mud-input.mud-input-text { - color: var(--mud-theme-on-surface); - font-size: .875rem; - margin-top: -14px; - margin-bottom: -8px; -} - -.mud-table-cell-align-left { - text-align: left; -} - -.mud-table-cell-align-center { - text-align: center; -} - -.mud-table-cell-align-right { - text-align: right; - flex-direction: row-reverse; -} - -.mud-table-cell-align-justify { - text-align: justify; -} - -.mud-table-pagination-display { - display: flex; - flex-shrink: 0; -} - - .mud-table-pagination-display .mud-tablepager-left { - flex-direction: row !important; - } - - .mud-table-pagination-display .mud-tablepager-right { - flex-direction: row-reverse !important; - } - -.mud-table-pagination-information { - white-space: nowrap; - direction: initial; -} - -.mud-table-page-number-information { - white-space: nowrap; - direction: initial; -} - -.mud-table-pagination { - color: var(--mud-theme-on-surface); - overflow: auto; - font-size: .875rem; - display: initial; -} - - .mud-table-pagination:last-child { - padding: 0; - } - -.mud-table-pagination-toolbar { - border-top: 1px solid var(--mud-palette-table-lines); - height: 52px; - padding-right: 2px; - padding-inline-end: 2px; - padding-inline-start: unset; -} - - .mud-table-pagination-toolbar .mud-tablepager-left { - flex-direction: row !important; - } - - .mud-table-pagination-toolbar .mud-tablepager-right { - flex-direction: row-reverse !important; - } - -.mud-table-pagination-spacer { - flex: 1 1 100%; -} - -.mud-table-pagination-caption { - display: flex; - flex-shrink: 0; - align-items: center; - padding-left: 10px; - padding-right: 10px; -} - -.mud-table-pagination-select { - cursor: pointer; - margin-left: 10px !important; - margin-right: 10px !important; - margin-top: 0 !important; - min-width: 52px; -} - - .mud-table-pagination-select .mud-select-input { - margin-top: 0 !important; - } - - .mud-table-pagination-select .mud-input .mud-input-root { - max-width: 80px; - cursor: pointer; - margin-top: 2px; - border: none; - font-size: .875rem; - font-weight: 400; - line-height: 1.43; - letter-spacing: .01071em; - color: var(--mud-theme-on-surface); - } - -.mud-table-pagination-actions { - flex-shrink: 0; - align-items: center; - margin-left: 10px; - margin-inline-start: 10px; - margin-inline-end: unset; -} - -.mud-table-smalldevices-sortselect { - display: none; -} - -.mud-table-loading { - position: relative; -} - - .mud-table-loading .mud-table-loading-progress { - position: absolute; - width: 100%; - } - -.mud-table-empty-row { - background-color: var(--mud-palette-surface); - vertical-align: middle; - text-align: center; -} - -tr.mud-table-row-group-indented-1 td:first-child { - padding-left: 48px !important; -} - -tr.mud-table-row-group-indented-2 td:first-child { - padding-left: 96px !important; -} - -tr.mud-table-row-group-indented-3 td:first-child { - padding-left: 144px !important; -} - -tr.mud-table-row-group-indented-4 td:first-child { - padding-left: 192px !important; -} - -tr.mud-table-row-group-indented-5 td:first-child { - padding-left: 240px !important; -} - -.mud-table-row-expander { - margin: -12px -2px -12px -12px; -} - -@media(max-width:360px) { - .mud-table .mud-table-pagination .mud-select { - margin-left: auto; - margin-right: -14px; - margin-inline-start: auto; - margin-inline-end: -14px; - } - - .mud-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: unset !important; - margin-inline-start: unset !important; - } -} - -@media(max-width:416px) { - .mud-table .mud-table-pagination .mud-table-pagination-toolbar { - flex-wrap: wrap; - padding-top: 16px; - padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; - min-height: 100px; - } - - .mud-table .mud-table-pagination .mud-table-pagination-toolbar .mud-table-pagination-actions { - margin-left: auto; - margin-right: -14px; - margin-inline-start: auto; - margin-inline-end: -14px; - } -} - -@media(max-width:600px) { - .mud-xs-table .mud-table-root .mud-table-head, .mud-xs-table .mud-table-root .mud-table-foot { - display: none; - } - - .mud-xs-table .mud-table-smalldevices-sortselect { - display: block; - padding: 4px 16px 8px; - } - - .mud-xs-table .mud-table-body { - border-top: 1px solid var(--mud-palette-table-lines); - } - - .mud-xs-table .mud-table-row { - display: initial; - } - - .mud-xs-table .mud-table-row .mud-table-cell:last-child { - border-bottom: 1px solid var(--mud-palette-table-lines); - } - - .mud-xs-table .mud-table-cell { - display: flex; - justify-content: space-between; - align-items: center; - border: none; - padding: 14px 16px; - text-align: start !important; - } - - .mud-xs-table.mud-table-dense .mud-table-cell { - padding: 6px 16px; - } - - .mud-xs-table .mud-table-cell:before { - content: attr(data-label); - font-weight: 500; - padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; - } - - .mud-xs-table.mud-table-small-alignright .mud-table-cell:before { - margin-right: auto; - } - - .mud-xs-table .mud-table-cell-hide { - visibility: collapse; - height: 0; - padding: 0; - margin: 0; - } - - .mud-xs-table .mud-table-pagination .mud-table-pagination-spacer { - flex: none; - } - - .mud-xs-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { - display: none; - } - - .mud-xs-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { - display: none; - } - - .mud-xs-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: auto; - margin-inline-start: auto; - } -} - -@media(max-width:960px) { - .mud-sm-table .mud-table-root .mud-table-head, .mud-sm-table .mud-table-root .mud-table-foot { - display: none; - } - - .mud-sm-table .mud-table-smalldevices-sortselect { - display: block; - padding: 4px 16px 8px; - } - - .mud-sm-table .mud-table-body { - border-top: 1px solid var(--mud-palette-table-lines); - } - - .mud-sm-table .mud-table-row { - display: initial; - } - - .mud-sm-table .mud-table-row .mud-table-cell:last-child { - border-bottom: 1px solid var(--mud-palette-table-lines); - } - - .mud-sm-table .mud-table-cell { - display: flex; - justify-content: space-between; - align-items: center; - border: none; - padding: 14px 16px; - text-align: start !important; - } - - .mud-sm-table.mud-table-dense .mud-table-cell { - padding: 6px 16px; - } - - .mud-sm-table .mud-table-cell:before { - content: attr(data-label); - font-weight: 500; - padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; - } - - .mud-sm-table.mud-table-small-alignright .mud-table-cell:before { - margin-right: auto; - } - - .mud-sm-table .mud-table-cell-hide { - visibility: collapse; - height: 0; - padding: 0; - margin: 0; - } - - .mud-sm-table .mud-table-pagination .mud-table-pagination-spacer { - flex: none; - } - - .mud-sm-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { - display: none; - } - - .mud-sm-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { - display: none; - } - - .mud-sm-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: auto; - margin-inline-start: auto; - } -} - -@media(max-width:1280px) { - .mud-md-table .mud-table-root .mud-table-head, .mud-md-table .mud-table-root .mud-table-foot { - display: none; - } - - .mud-md-table .mud-table-smalldevices-sortselect { - display: block; - padding: 4px 16px 8px; - } - - .mud-md-table .mud-table-body { - border-top: 1px solid var(--mud-palette-table-lines); - } - - .mud-md-table .mud-table-row { - display: initial; - } - - .mud-md-table .mud-table-row .mud-table-cell:last-child { - border-bottom: 1px solid var(--mud-palette-table-lines); - } - - .mud-md-table .mud-table-cell { - display: flex; - justify-content: space-between; - align-items: center; - border: none; - padding: 14px 16px; - text-align: start !important; - } - - .mud-md-table.mud-table-dense .mud-table-cell { - padding: 6px 16px; - } - - .mud-md-table .mud-table-cell:before { - content: attr(data-label); - font-weight: 500; - padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; - } - - .mud-md-table.mud-table-small-alignright .mud-table-cell:before { - margin-right: auto; - } - - .mud-md-table .mud-table-cell-hide { - visibility: collapse; - height: 0; - padding: 0; - margin: 0; - } - - .mud-md-table .mud-table-pagination .mud-table-pagination-spacer { - flex: none; - } - - .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { - display: none; - } - - .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { - display: none; - } - - .mud-md-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: auto; - margin-inline-start: auto; - } -} - -@media(max-width:1920px) { - .mud-lg-table .mud-table-root .mud-table-head, .mud-lg-table .mud-table-root .mud-table-foot { - display: none; - } - - .mud-lg-table .mud-table-smalldevices-sortselect { - display: block; - padding: 4px 16px 8px; - } - - .mud-lg-table .mud-table-body { - border-top: 1px solid var(--mud-palette-table-lines); - } - - .mud-lg-table .mud-table-row { - display: initial; - } - - .mud-lg-table .mud-table-row .mud-table-cell:last-child { - border-bottom: 1px solid var(--mud-palette-table-lines); - } - - .mud-lg-table .mud-table-cell { - display: flex; - justify-content: space-between; - align-items: center; - border: none; - padding: 14px 16px; - text-align: start !important; - } - - .mud-lg-table.mud-table-dense .mud-table-cell { - padding: 6px 16px; - } +.mud-typography-align-right { + text-align: right +} - .mud-lg-table .mud-table-cell:before { - content: attr(data-label); - font-weight: 500; - padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; - } +.mud-typography-align-justify { + text-align: justify +} - .mud-lg-table.mud-table-small-alignright .mud-table-cell:before { - margin-right: auto; - } +.mud-typography-nowrap { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis +} - .mud-lg-table .mud-table-cell-hide { - visibility: collapse; - height: 0; - padding: 0; - margin: 0; - } +.mud-typography-gutterbottom { + margin-bottom: .35em +} - .mud-lg-table .mud-table-pagination .mud-table-pagination-spacer { - flex: none; - } +.mud-typography-paragraph { + margin-bottom: 16px +} - .mud-lg-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { - display: none; - } +.mud-typography-display-inline { + display: inline +} - .mud-lg-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { - display: none; - } +.mud-typography-display-block { + display: block +} - .mud-lg-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: auto; - margin-inline-start: auto; - } +.mud-table { + color: var(--mud-palette-text-primary); + background-color: var(--mud-palette-surface); + border-radius: var(--mud-default-borderradius); + transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } -@media(max-width:2560px) { - .mud-xl-table .mud-table-root .mud-table-head, .mud-xl-table .mud-table-root .mud-table-foot { - display: none; + .mud-table.mud-table-square { + border-radius: 0px } - .mud-xl-table .mud-table-smalldevices-sortselect { - display: block; - padding: 4px 16px 8px; + .mud-table.mud-table-outlined { + border: 1px solid var(--mud-palette-lines-default) } - .mud-xl-table .mud-table-body { - border-top: 1px solid var(--mud-palette-table-lines); - } +.mud-table-container { + width: 100%; + overflow-y: auto +} - .mud-xl-table .mud-table-row { - display: initial; +.mud-table-root { + width: 100%; + border-spacing: 0 +} + + .mud-table-root .mud-table-head { + display: table-header-group } - .mud-xl-table .mud-table-row .mud-table-cell:last-child { - border-bottom: 1px solid var(--mud-palette-table-lines); + .mud-table-root .mud-table-head .mud-table-cell { + color: var(--mud-palette-text-primary); + font-weight: 500; + line-height: 1.5rem } - .mud-xl-table .mud-table-cell { - display: flex; - justify-content: space-between; - align-items: center; - border: none; - padding: 14px 16px; - text-align: start !important; + .mud-table-root .mud-table-body { + display: table-row-group } - .mud-xl-table.mud-table-dense .mud-table-cell { - padding: 6px 16px; - } + .mud-table-root .mud-table-body .mud-table-cell { + color: var(--mud-palette-text-primary) + } - .mud-xl-table .mud-table-cell:before { - content: attr(data-label); - font-weight: 500; - padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; + .mud-table-root > .mud-table-body:last-child > .mud-table-row:last-child > .mud-table-cell, .mud-table-root > .mud-table-foot:last-child > .mud-table-row:last-child > .mud-table-cell { + border-bottom: none } - .mud-xl-table.mud-table-small-alignright .mud-table-cell:before { - margin-right: auto; - } +.mud-table-sort-label { + cursor: pointer; + display: inline-flex; + align-items: center; + flex-direction: inherit; + justify-content: flex-start +} - .mud-xl-table .mud-table-cell-hide { - visibility: collapse; - height: 0; - padding: 0; - margin: 0; + .mud-table-sort-label:hover { + color: var(--mud-palette-action-default) } - .mud-xl-table .mud-table-pagination .mud-table-pagination-spacer { - flex: none; - } + .mud-table-sort-label:hover .mud-table-sort-label-icon { + opacity: .8 + } - .mud-xl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { - display: none; + .mud-table-sort-label .mud-table-sort-label-icon { + font-size: 18px; + transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + margin-left: 4px; + user-select: none; + margin-right: 4px; + opacity: 0 } - .mud-xl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { - display: none; - } + .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc { + opacity: 1; + transform: rotate(180deg) + } - .mud-xl-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: auto; - margin-inline-start: auto; - } -} + .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc { + opacity: 1; + transform: rotate(0deg) + } -@media(min-width:2560px) { - .mud-xxl-table .mud-table-root .mud-table-head, .mud-xxl-table .mud-table-root .mud-table-foot { - display: none; - } +.mud-table-toolbar { + padding-left: 16px; + padding-right: 8px; + padding-inline-start: 16px; + padding-inline-end: 8px +} - .mud-xxl-table .mud-table-smalldevices-sortselect { - display: block; - padding: 4px 16px 8px; - } +.mud-table-cell { + display: table-cell; + padding: 16px; + font-size: .875rem; + text-align: start; + font-weight: 400; + line-height: 1.43; + border-bottom: 1px solid var(--mud-palette-table-lines); + letter-spacing: .01071em; + vertical-align: inherit +} - .mud-xxl-table .mud-table-body { - border-top: 1px solid var(--mud-palette-table-lines); + .mud-table-cell .mud-checkbox { + margin: -12px } - .mud-xxl-table .mud-table-row { - display: initial; - } +.mud-table-cell-footer { + color: var(--mud-palette-text-secondary); + font-size: .75rem; + line-height: 1.3125rem +} - .mud-xxl-table .mud-table-row .mud-table-cell:last-child { - border-bottom: 1px solid var(--mud-palette-table-lines); - } +.mud-table-dense * .mud-table-row .mud-table-cell { + padding: 6px 24px 6px 16px; + padding-inline-start: 16px; + padding-inline-end: 24px +} - .mud-xxl-table .mud-table-cell { - display: flex; - justify-content: space-between; - align-items: center; - border: none; - padding: 14px 16px; - text-align: start !important; + .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-cell-checkbox .mud-button-root { + padding: 4px } - .mud-xxl-table.mud-table-dense .mud-table-cell { - padding: 6px 16px; + .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-row-expander { + padding: 4px } - .mud-xxl-table .mud-table-cell:before { - content: attr(data-label); - font-weight: 500; + .mud-table-dense * .mud-table-row .mud-table-cell:last-child { padding-right: 16px; - padding-inline-end: 16px; - padding-inline-start: unset; + padding-inline-end: 16px } - .mud-xxl-table.mud-table-small-alignright .mud-table-cell:before { - margin-right: auto; - } +.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(:last-child) { + border-right: 1px solid var(--mud-palette-table-lines) +} - .mud-xxl-table .mud-table-cell-hide { - visibility: collapse; - height: 0; - padding: 0; - margin: 0; - } +.mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:not(:last-child) { + border-right: 1px solid var(--mud-palette-table-lines) +} - .mud-xxl-table .mud-table-pagination .mud-table-pagination-spacer { - flex: none; - } +.mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot.table-foot-bordered .mud-table-row .mud-table-cell:not(:last-child) { + border-right: 1px solid var(--mud-palette-table-lines) +} - .mud-xxl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { - display: none; - } +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:last-child { + border-right: 1px solid var(--mud-palette-table-lines); + border-top-right-radius: 0px +} - .mud-xxl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { - display: none; - } +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:first-child { + border-right: none; + border-top-right-radius: 0px +} - .mud-xxl-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { - margin-left: auto; - margin-inline-start: auto; - } +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:last-child { + border-right: 1px solid var(--mud-palette-table-lines); + border-top-right-radius: 0px } -.mud-tabs { - display: flex; - flex-direction: column; +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:only-child { + border-right: none; + border-top-right-radius: var(--mud-default-borderradius) } - .mud-tabs.mud-tabs-reverse { - flex-direction: column-reverse; - } +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-head .mud-table-row th.mud-table-cell:first-child { + border-right: none; + border-top-right-radius: var(--mud-default-borderradius) +} - .mud-tabs.mud-tabs-vertical { - flex-direction: row; - } +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot.table-foot-bordered .mud-table-row .mud-table-cell:last-child { + border-right: 1px solid var(--mud-palette-table-lines); + border-top-right-radius: 0px +} - .mud-tabs.mud-tabs-vertical-reverse { - flex-direction: row-reverse; - } +.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot .mud-table-row .mud-table-cell:first-child { + border-right: none +} - .mud-tabs.mud-tabs-rounded { - border-radius: var(--mud-default-borderradius); - } +.mud-table-sticky-header .mud-table-container { + overflow-x: auto +} - .mud-tabs.mud-tabs-rounded .mud-tabs-toolbar { - border-radius: var(--mud-default-borderradius); - } +.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child { + border-radius: var(--mud-default-borderradius) 0px 0px 0px +} - .mud-tabs.mud-tabs-rounded .mud-tabs-panels { - border-radius: var(--mud-default-borderradius); - } +.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child { + border-radius: 0px var(--mud-default-borderradius) 0px 0px +} -.mud-tabs-toolbar { - position: relative; +.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell { background-color: var(--mud-palette-surface); + position: sticky; + z-index: 2; + top: 0 } - .mud-tabs-toolbar.mud-tabs-border-left { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right: 1px solid var(--mud-palette-lines-default); - } - - .mud-tabs-toolbar.mud-tabs-border-right { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; - border-left: 1px solid var(--mud-palette-lines-default); - } - - .mud-tabs-toolbar.mud-tabs-border-top { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-bottom: 1px solid var(--mud-palette-lines-default); - } +.mud-table-sticky-footer .mud-table-container { + overflow-x: auto +} - .mud-tabs-toolbar.mud-tabs-border-bottom { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; - border-top: 1px solid var(--mud-palette-lines-default); - } +.mud-table-sticky-footer * .mud-table-root .mud-table-foot { + position: sticky; + z-index: 2; + bottom: 0 +} - .mud-tabs-toolbar.mud-tabs-rounded { - border-radius: var(--mud-default-borderradius); + .mud-table-sticky-footer * .mud-table-root .mud-table-foot * .mud-table-cell { + background-color: var(--mud-palette-surface) } - .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner { - flex-direction: column; - } +.mud-table-row { + color: inherit; + display: table-row; + outline: 0; + vertical-align: middle +} - .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root { - width: 100%; - border-radius: 0; - height: 32px; - } +.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover { + background-color: var(--mud-palette-table-hover) +} - .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root .mud-icon-button-label .mud-icon-root { - transform: rotate(90deg); - } +.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) { + background-color: var(--mud-palette-table-striped) +} - .mud-tabs-toolbar .mud-tabs-toolbar-inner { - display: flex; - min-height: 48px; - } +.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover { + background-color: var(--mud-palette-table-hover) +} -.mud-tabs-toolbar-content { - width: 100%; - flex: 1 1 auto; - display: inline-block; - position: relative; - white-space: nowrap; - overflow: hidden; +.mud-table-cell > .mud-input-control > div.mud-input.mud-input-text { + color: var(--mud-theme-on-surface); + font-size: .875rem; + margin-top: -14px; + margin-bottom: -8px } - .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper { - width: max-content; - position: inherit; - display: flex; - transition: .3s cubic-bezier(.25,.8,.5,1); - } +.mud-table-cell > .mud-select > .mud-input-control > div.mud-input.mud-input-text { + color: var(--mud-theme-on-surface); + font-size: .875rem; + margin-top: -14px; + margin-bottom: -8px +} - .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-centered { - margin: auto; - } +.mud-table-cell-align-left { + text-align: left +} - .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-vertical { - flex-direction: column; - } +.mud-table-cell-align-center { + text-align: center +} -.mud-tabs-panels { - position: relative; - transition: .3s cubic-bezier(.25,.8,.5,1); +.mud-table-cell-align-right { + text-align: right; + flex-direction: row-reverse } - .mud-tabs-panels.mud-tabs-vertical { - display: flex; - flex-grow: 1; - } +.mud-table-cell-align-justify { + text-align: justify +} -.mud-tab { - width: 100%; - display: inline-flex; - padding: 6px 12px; - min-height: 48px; - flex-shrink: 0; - font-weight: 500; - line-height: 1.75; - user-select: none; - white-space: normal; - letter-spacing: .02857em; - text-transform: uppercase; - text-align: center; - align-items: center; - justify-content: center; - transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; +.mud-table-pagination-display { + display: flex; + flex-shrink: 0 } - .mud-tab:hover { - cursor: pointer; - background-color: var(--mud-palette-action-default-hover); + .mud-table-pagination-display .mud-tablepager-left { + flex-direction: row !important } - .mud-tab.mud-tab-active { - color: var(--mud-palette-primary); + .mud-table-pagination-display .mud-tablepager-right { + flex-direction: row-reverse !important } - .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-primary-hover); - } +.mud-table-pagination-information { + white-space: nowrap; + direction: initial +} - .mud-tab.mud-disabled { - cursor: default; - pointer-events: none; - color: var(--mud-palette-text-disabled); - } +.mud-table-page-number-information { + white-space: nowrap; + direction: initial +} - .mud-tab .mud-tab-icon-text { - margin-right: 8px; - margin-inline-end: 8px; - margin-inline-start: unset; +.mud-table-pagination { + color: var(--mud-theme-on-surface); + overflow: auto; + font-size: .875rem; + display: initial +} + + .mud-table-pagination:last-child { + padding: 0 } -.mud-tab-slider { - position: absolute; - background: var(--mud-palette-primary); +.mud-table-pagination-toolbar { + border-top: 1px solid var(--mud-palette-table-lines); + height: 52px; + padding-right: 2px; + padding-inline-end: 2px; + padding-inline-start: unset; + flex-wrap: nowrap } - .mud-tab-slider.mud-tab-slider-horizontal { - height: 2px; - left: 0; - bottom: 0; - transition: left .3s cubic-bezier(.64,.09,.08,1); - will-change: left; + .mud-table-pagination-toolbar .mud-tablepager-left { + flex-direction: row !important } - .mud-tab-slider.mud-tab-slider-horizontal.mud-tab-slider-horizontal-reverse { - top: 0; - } - - .mud-tab-slider.mud-tab-slider-vertical { - width: 2px; - right: 0; - transition: top .3s cubic-bezier(.64,.09,.08,1); - will-change: top; + .mud-table-pagination-toolbar .mud-tablepager-right { + flex-direction: row-reverse !important } - .mud-tab-slider.mud-tab-slider-vertical.mud-tab-slider-vertical-reverse { - left: 0; - right: unset; - } +.mud-table-pagination-spacer { + flex: 1 1 100% +} -.mud-tab-badge { - margin-left: 8px; - margin-inline-start: 8px; - margin-inline-end: unset; +.mud-table-pagination-caption { + display: flex; + flex-shrink: 0; + align-items: center; + padding-left: 10px; + padding-right: 10px } -.mud-tabs-toolbar-primary { - background-color: var(--mud-palette-primary); - color: var(--mud-palette-primary-text); +.mud-table-pagination-select { + cursor: pointer; + margin-left: 10px !important; + margin-right: 10px !important; + margin-top: 0px !important; + min-width: 52px } - .mud-tabs-toolbar-primary .mud-tab-slider { - background: var(--mud-palette-primary-text); + .mud-table-pagination-select .mud-select-input { + margin-top: 0px !important; + padding: 0 7px !important } - .mud-tabs-toolbar-primary .mud-tab.mud-tab-active { - color: var(--mud-palette-primary-text); + .mud-table-pagination-select .mud-input .mud-input-root { + max-width: 80px; + cursor: pointer; + margin-top: 2px; + border: none; + font-size: .875rem; + font-weight: 400; + line-height: 1.43; + letter-spacing: .01071em; + color: var(--mud-theme-on-surface) } - .mud-tabs-toolbar-primary .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-primary-lighten); - } +.mud-table-pagination-actions { + flex-shrink: 0; + align-items: center; + margin-left: 10px; + margin-inline-start: 10px; + margin-inline-end: unset +} -.mud-tabs-toolbar-secondary { - background-color: var(--mud-palette-secondary); - color: var(--mud-palette-secondary-text); +.mud-table-smalldevices-sortselect { + display: none } - .mud-tabs-toolbar-secondary .mud-tab-slider { - background: var(--mud-palette-secondary-text); - } +.mud-table-loading { + position: relative +} - .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active { - color: var(--mud-palette-secondary-text); + .mud-table-loading .mud-table-loading-progress { + width: 100% } - .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-secondary-lighten); - } +.mud-table-empty-row { + background-color: var(--mud-palette-surface); + vertical-align: middle; + text-align: center +} -.mud-tabs-toolbar-tertiary { - background-color: var(--mud-palette-tertiary); - color: var(--mud-palette-tertiary-text); +tr.mud-table-row-group-indented-1 td:first-child { + padding-left: 48px !important } - .mud-tabs-toolbar-tertiary .mud-tab-slider { - background: var(--mud-palette-tertiary-text); - } +tr.mud-table-row-group-indented-2 td:first-child { + padding-left: 96px !important +} - .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active { - color: var(--mud-palette-tertiary-text); - } +tr.mud-table-row-group-indented-3 td:first-child { + padding-left: 144px !important +} - .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-tertiary-lighten); - } +tr.mud-table-row-group-indented-4 td:first-child { + padding-left: 192px !important +} -.mud-tabs-toolbar-info { - background-color: var(--mud-palette-info); - color: var(--mud-palette-info-text); +tr.mud-table-row-group-indented-5 td:first-child { + padding-left: 240px !important } - .mud-tabs-toolbar-info .mud-tab-slider { - background: var(--mud-palette-info-text); - } +.mud-table-row-expander { + margin: -12px -2px -12px -12px +} - .mud-tabs-toolbar-info .mud-tab.mud-tab-active { - color: var(--mud-palette-info-text); +@media(max-width: 360px) { + .mud-table .mud-table-pagination .mud-select { + margin-left: auto; + margin-right: -14px; + margin-inline-start: auto; + margin-inline-end: -14px } - .mud-tabs-toolbar-info .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-info-lighten); + .mud-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: unset !important; + margin-inline-start: unset !important } - -.mud-tabs-toolbar-success { - background-color: var(--mud-palette-success); - color: var(--mud-palette-success-text); } - .mud-tabs-toolbar-success .mud-tab-slider { - background: var(--mud-palette-success-text); - } - - .mud-tabs-toolbar-success .mud-tab.mud-tab-active { - color: var(--mud-palette-success-text); +@media(max-width: 416px) { + .mud-table .mud-table-pagination .mud-table-pagination-toolbar { + flex-wrap: wrap; + padding-top: 16px; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset; + min-height: 100px } - .mud-tabs-toolbar-success .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-success-lighten); + .mud-table .mud-table-pagination .mud-table-pagination-toolbar .mud-table-pagination-actions { + margin-left: auto; + margin-right: -14px; + margin-inline-start: auto; + margin-inline-end: -14px } - -.mud-tabs-toolbar-warning { - background-color: var(--mud-palette-warning); - color: var(--mud-palette-warning-text); } - .mud-tabs-toolbar-warning .mud-tab-slider { - background: var(--mud-palette-warning-text); - } - - .mud-tabs-toolbar-warning .mud-tab.mud-tab-active { - color: var(--mud-palette-warning-text); +@media(max-width: 600px) { + .mud-xs-table .mud-table-root .mud-table-head, .mud-xs-table .mud-table-root .mud-table-foot { + display: none } - .mud-tabs-toolbar-warning .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-warning-lighten); - } - -.mud-tabs-toolbar-error { - background-color: var(--mud-palette-error); - color: var(--mud-palette-error-text); -} + .mud-xs-table .mud-table-smalldevices-sortselect { + display: block; + padding: 4px 16px 8px + } - .mud-tabs-toolbar-error .mud-tab-slider { - background: var(--mud-palette-error-text); + .mud-xs-table .mud-table-body { + border-top: 1px solid var(--mud-palette-table-lines) } - .mud-tabs-toolbar-error .mud-tab.mud-tab-active { - color: var(--mud-palette-error-text); + .mud-xs-table .mud-table-row { + display: revert } - .mud-tabs-toolbar-error .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-error-lighten); + .mud-xs-table .mud-table-row .mud-table-cell:last-child { + border-bottom: 1px solid var(--mud-palette-table-lines) } -.mud-tabs-toolbar-dark { - background-color: var(--mud-palette-dark); - color: var(--mud-palette-dark-text); -} + .mud-xs-table .mud-table-cell { + display: flex; + justify-content: space-between; + align-items: center; + border: none; + padding: 14px 16px; + text-align: start !important + } - .mud-tabs-toolbar-dark .mud-tab-slider { - background: var(--mud-palette-dark-text); + .mud-xs-table.mud-table-dense .mud-table-cell { + padding: 6px 16px } - .mud-tabs-toolbar-dark .mud-tab.mud-tab-active { - color: var(--mud-palette-dark-text); + .mud-xs-table .mud-table-cell:before { + content: attr(data-label); + font-weight: 500; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset } - .mud-tabs-toolbar-dark .mud-tab.mud-tab-active:hover { - background-color: var(--mud-palette-dark-lighten); - } + .mud-xs-table.mud-table-small-alignright .mud-table-cell:before { + margin-right: auto + } -.tab-transition-enter { - transform: translate(100%,0); -} + .mud-xs-table .mud-table-cell-hide { + visibility: collapse; + height: 0; + padding: 0; + margin: 0 + } -.tab-transition-leave, .tab-transition-leave-active { - position: absolute; - top: 0; -} + .mud-xs-table .mud-table-pagination .mud-table-pagination-spacer { + flex: none + } -.tab-transition-leave-to { - position: absolute; - transform: translate(-100%,0); -} + .mud-xs-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { + display: none + } -.tab-reverse-transition-enter { - transform: translate(-100%,0); -} + .mud-xs-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { + display: none + } -.tab-reverse-transition-leave, .tab-reverse-transition-leave-to { - top: 0; - position: absolute; - transform: translate(100%,0); -} + .mud-xs-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: auto; + margin-inline-start: auto + } -.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab { - padding: 6px 14px; -} + .mud-xs-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell { + border-right: 1px solid var(--mud-palette-table-lines) !important + } - .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-icon-button { - padding: 4px; - margin-right: -4px; - margin-inline-end: -4px; - margin-inline-start: unset; + .mud-xs-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell { + border-right: none !important } +} - .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-before { - padding-right: 8px; - padding-inline-end: 8px; - padding-inline-start: unset; +@media(max-width: 960px) { + .mud-sm-table .mud-table-root .mud-table-head, .mud-sm-table .mud-table-root .mud-table-foot { + display: none } - .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-after { - padding-left: 8px; - padding-inline-start: 8px; - padding-inline-end: unset; + .mud-sm-table .mud-table-smalldevices-sortselect { + display: block; + padding: 4px 16px 8px } -.mud-tabs-header.mud-tabs-header-before { - display: inherit; -} + .mud-sm-table .mud-table-body { + border-top: 1px solid var(--mud-palette-table-lines) + } -.mud-tabs-header.mud-tabs-header-after { - display: inherit; -} + .mud-sm-table .mud-table-row { + display: revert + } -.mud-tabs-panel-header { - display: flex; - flex: 1 1 auto; -} + .mud-sm-table .mud-table-row .mud-table-cell:last-child { + border-bottom: 1px solid var(--mud-palette-table-lines) + } - .mud-tabs-panel-header.mud-tabs-panel-header-before { - justify-content: flex-start; + .mud-sm-table .mud-table-cell { + display: flex; + justify-content: space-between; + align-items: center; + border: none; + padding: 14px 16px; + text-align: start !important } - .mud-tabs-panel-header.mud-tabs-panel-header-after { - justify-content: flex-end; + .mud-sm-table.mud-table-dense .mud-table-cell { + padding: 6px 16px } -.mud-select { - display: flex; - flex-grow: 1; - position: relative; -} + .mud-sm-table .mud-table-cell:before { + content: attr(data-label); + font-weight: 500; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset + } - .mud-select.mud-autocomplete { - display: block; + .mud-sm-table.mud-table-small-alignright .mud-table-cell:before { + margin-right: auto } - .mud-select.mud-autocomplete .mud-select-input { - cursor: text; - } + .mud-sm-table .mud-table-cell-hide { + visibility: collapse; + height: 0; + padding: 0; + margin: 0 + } - .mud-select.mud-autocomplete .mud-input-adornment { - cursor: pointer; - } + .mud-sm-table .mud-table-pagination .mud-table-pagination-spacer { + flex: none + } - .mud-select.mud-autocomplete--with-progress .mud-select-input input { - padding-right: 3.5rem !important; + .mud-sm-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { + display: none } - .mud-select.mud-autocomplete--with-progress .mud-input-adorned-end input { - padding-right: 4.5rem !important; + .mud-sm-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { + display: none } - .mud-select.mud-autocomplete--with-progress .mud-select-input .mud-icon-button { - display: none !important; + .mud-sm-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: auto; + margin-inline-start: auto } - .mud-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-sm-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell { + border-right: 1px solid var(--mud-palette-table-lines) !important } - .mud-select.mud-autocomplete--with-progress .progress-indicator-circular--with-adornment { - padding-right: 3rem; + .mud-sm-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell { + border-right: none !important } +} - .mud-select.mud-autocomplete--with-progress .mud-progress-linear { - position: absolute; - bottom: -1px; - height: 2px; +@media(max-width: 1280px) { + .mud-md-table .mud-table-root .mud-table-head, .mud-md-table .mud-table-root .mud-table-foot { + display: none } - .mud-select .mud-select-input { - cursor: pointer; + .mud-md-table .mud-table-smalldevices-sortselect { + display: block; + padding: 4px 16px 8px } - .mud-select .mud-select-input .mud-input-slot { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } + .mud-md-table .mud-table-body { + border-top: 1px solid var(--mud-palette-table-lines) + } - .mud-select .mud-select-input .mud-input-adornment-end { - margin-left: 0; - } + .mud-md-table .mud-table-row { + display: revert + } - .mud-select .mud-select-input:disabled { - cursor: default; + .mud-md-table .mud-table-row .mud-table-cell:last-child { + border-bottom: 1px solid var(--mud-palette-table-lines) } - .mud-select .mud-disabled .mud-select-input { - cursor: default; + .mud-md-table .mud-table-cell { + display: flex; + justify-content: space-between; + align-items: center; + border: none; + padding: 14px 16px; + text-align: start !important } - .mud-select > .mud-form-helpertext { - margin-top: -21px; + .mud-md-table.mud-table-dense .mud-table-cell { + padding: 6px 16px } -.mud-select-all { - margin-top: 10px; - border-bottom: 1px solid #d3d3d3; - padding-bottom: 18px; -} - -.mud-input { - position: relative; - color: var(--mud-palette-text-primary); - cursor: text; - display: inline-flex; - font-size: 1rem; - box-sizing: border-box; - align-items: center; - font-weight: 400; - line-height: 1.1876em; - letter-spacing: .00938em; -} - - .mud-input.mud-input-full-width { - width: 100%; + .mud-md-table .mud-table-cell:before { + content: attr(data-label); + font-weight: 500; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset } - .mud-input.mud-disabled { - color: var(--mud-palette-text-disabled); - cursor: default; + .mud-md-table.mud-table-small-alignright .mud-table-cell:before { + margin-right: auto } - .mud-input.mud-disabled > .mud-input-adornment { - color: var(--mud-palette-text-disabled); - pointer-events: none; - } + .mud-md-table .mud-table-cell-hide { + visibility: collapse; + height: 0; + padding: 0; + margin: 0 + } - .mud-input.mud-input-underline:before { - left: 0; - right: 0; - bottom: 0; - content: " "; - position: absolute; - transition: border-bottom .2s,background-color .2s; - border-bottom: 1px solid var(--mud-palette-lines-inputs); - pointer-events: none; + .mud-md-table .mud-table-pagination .mud-table-pagination-spacer { + flex: none } - .mud-input.mud-input-underline:hover:not(.mud-disabled):before { - border-bottom: 1px solid var(--mud-palette-action-default); + .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { + display: none } - .mud-input.mud-input-underline:after { - left: 0; - right: 0; - bottom: 0; - content: ""; - position: absolute; - transform: scaleX(0); - transition: transform 200ms cubic-bezier(0,0,.2,1) 0ms; - border-bottom: 2px solid var(--mud-palette-primary); - pointer-events: none; + .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { + display: none + } + + .mud-md-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: auto; + margin-inline-start: auto } - .mud-input.mud-input-underline.mud-disabled:before { - border-bottom-style: dotted; + .mud-md-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell { + border-right: 1px solid var(--mud-palette-table-lines) !important } - .mud-input.mud-input-underline.mud-input-error:after { - transform: scaleX(1); - border-bottom-color: var(--mud-palette-error); + .mud-md-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell { + border-right: none !important } +} - .mud-input.mud-input-filled { - position: relative; - transition: background-color 200ms cubic-bezier(0,0,.2,1) 0ms; - background-color: rgba(0,0,0,.09); - border-top-left-radius: 4px; - border-top-right-radius: 4px; +@media(max-width: 1920px) { + .mud-lg-table .mud-table-root .mud-table-head, .mud-lg-table .mud-table-root .mud-table-foot { + display: none } - .mud-input.mud-input-filled:hover { - background-color: rgba(0,0,0,.13); - } + .mud-lg-table .mud-table-smalldevices-sortselect { + display: block; + padding: 4px 16px 8px + } - .mud-input.mud-input-filled.mud-focused { - background-color: rgba(0,0,0,.09); - } + .mud-lg-table .mud-table-body { + border-top: 1px solid var(--mud-palette-table-lines) + } - .mud-input.mud-input-filled.mud-disabled { - background-color: rgba(0,0,0,.12); - } + .mud-lg-table .mud-table-row { + display: revert + } - .mud-input.mud-input-filled.mud-input-adorned-start { - padding-left: 12px; - padding-inline-start: 12px; - padding-inline-end: unset; + .mud-lg-table .mud-table-row .mud-table-cell:last-child { + border-bottom: 1px solid var(--mud-palette-table-lines) } - .mud-input.mud-input-filled.mud-input-adorned-end { - padding-right: 12px; - padding-inline-end: 12px; - padding-inline-start: unset; - } + .mud-lg-table .mud-table-cell { + display: flex; + justify-content: space-between; + align-items: center; + border: none; + padding: 14px 16px; + text-align: start !important + } - .mud-input.mud-input-filled.mud-input-underline:before { - left: 0; - right: 0; - bottom: 0; - content: " "; - position: absolute; - transition: border-bottom-color 200ms cubic-bezier(.4,0,.2,1) 0ms; - border-bottom: 1px solid var(--mud-palette-lines-inputs); - pointer-events: none; - } + .mud-lg-table.mud-table-dense .mud-table-cell { + padding: 6px 16px + } - .mud-input.mud-input-filled.mud-input-underline:after { - left: 0; - right: 0; - bottom: 0; - content: ""; - position: absolute; - transform: scaleX(0); - transition: transform 200ms cubic-bezier(0,0,.2,1) 0ms; - border-bottom: 2px solid var(--mud-palette-primary); - pointer-events: none; - } + .mud-lg-table .mud-table-cell:before { + content: attr(data-label); + font-weight: 500; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset + } - .mud-input.mud-input-filled.mud-input-underline:hover:before { - border-bottom: 1px solid var(--mud-palette-action-default); - } + .mud-lg-table.mud-table-small-alignright .mud-table-cell:before { + margin-right: auto + } - .mud-input.mud-input-filled.mud-input-underline.mud-disabled:before { - border-bottom-style: dotted; - } + .mud-lg-table .mud-table-cell-hide { + visibility: collapse; + height: 0; + padding: 0; + margin: 0 + } - .mud-input.mud-input-filled.mud-input-underline.mud-input-error:after { - transform: scaleX(1); - border-bottom-color: var(--mud-palette-error); - } + .mud-lg-table .mud-table-pagination .mud-table-pagination-spacer { + flex: none + } - .mud-input.mud-input-outlined { - position: relative; - border-width: 0; + .mud-lg-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { + display: none } - .mud-input.mud-input-outlined .mud-input-outlined-border { - display: flex; - position: absolute; - top: 0; - right: 0; - left: 0; - box-sizing: border-box; - width: 100%; - max-width: 100%; - height: 100%; - text-align: start; - pointer-events: none; - border-radius: var(--mud-default-borderradius); - border-color: var(--mud-palette-lines-inputs); - border-width: 1px; - border-style: solid; - transition: border-width,border-color 200ms cubic-bezier(.4,0,.2,1) 0ms; - } + .mud-lg-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { + display: none + } - .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border { - border-color: var(--mud-palette-action-default); - } + .mud-lg-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: auto; + margin-inline-start: auto + } - .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border { - border-width: 2px; - border-color: var(--mud-palette-primary); - } + .mud-lg-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell { + border-right: 1px solid var(--mud-palette-table-lines) !important + } - .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border { - border-color: var(--mud-palette-action-disabled); - } + .mud-lg-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell { + border-right: none !important + } +} - .mud-input.mud-input-outlined.mud-input-adorned-start { - padding-left: 14px; - padding-inline-start: 14px; - padding-inline-end: unset; - } +@media(max-width: 2560px) { + .mud-xl-table .mud-table-root .mud-table-head, .mud-xl-table .mud-table-root .mud-table-foot { + display: none + } - .mud-input.mud-input-outlined.mud-input-adorned-end { - padding-right: 14px; - padding-inline-end: 14px; - padding-inline-start: unset; - } + .mud-xl-table .mud-table-smalldevices-sortselect { + display: block; + padding: 4px 16px 8px + } -.mud-input-error .mud-input-outlined-border { - border-color: var(--mud-palette-error) !important; -} + .mud-xl-table .mud-table-body { + border-top: 1px solid var(--mud-palette-table-lines) + } -.mud-input:focus-within.mud-input-underline:after { - transform: scaleX(1); -} + .mud-xl-table .mud-table-row { + display: revert + } -.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root { - font: inherit; - color: currentColor; - width: 100%; - border: 0; - height: 1.1876em; - margin: 0; - display: block; - padding: 6px 0 7px; - min-width: 0; - background: none; - position: relative; - box-sizing: content-box; - letter-spacing: inherit; - -webkit-tap-highlight-color: transparent; -} + .mud-xl-table .mud-table-row .mud-table-cell:last-child { + border-bottom: 1px solid var(--mud-palette-table-lines) + } - .mud-input > input.mud-input-root::placeholder, div.mud-input-slot.mud-input-root::placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-xl-table .mud-table-cell { + display: flex; + justify-content: space-between; + align-items: center; + border: none; + padding: 14px 16px; + text-align: start !important } - .mud-input > input.mud-input-root::-webkit-input-placeholder, div.mud-input-slot.mud-input-root::-webkit-input-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-xl-table.mud-table-dense .mud-table-cell { + padding: 6px 16px } - .mud-input > input.mud-input-root:-moz-placeholder, div.mud-input-slot.mud-input-root:-moz-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-xl-table .mud-table-cell:before { + content: attr(data-label); + font-weight: 500; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset } - .mud-input > input.mud-input-root::-moz-placeholder, div.mud-input-slot.mud-input-root::-moz-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-xl-table.mud-table-small-alignright .mud-table-cell:before { + margin-right: auto } - .mud-input > input.mud-input-root:-ms-input-placeholder, div.mud-input-slot.mud-input-root:-ms-input-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-xl-table .mud-table-cell-hide { + visibility: collapse; + height: 0; + padding: 0; + margin: 0 } - .mud-input > input.mud-input-root::-ms-input-placeholder, div.mud-input-slot.mud-input-root::-ms-input-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-xl-table .mud-table-pagination .mud-table-pagination-spacer { + flex: none } - .mud-input > input.mud-input-root.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-margin-dense { - padding-top: 3px; + .mud-xl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { + display: none } - .mud-input > input.mud-input-root.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-multiline { - height: auto; - resize: none; - padding: 0; + .mud-xl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { + display: none } - .mud-input > input.mud-input-root.mud-input-root-type-search, div.mud-input-slot.mud-input-root.mud-input-root-type-search { - -moz-appearance: textfield; - -webkit-appearance: textfield; + .mud-xl-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: auto; + margin-inline-start: auto } - .mud-input > input.mud-input-root:focus, div.mud-input-slot.mud-input-root:focus { - outline: 0; + .mud-xl-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell { + border-right: 1px solid var(--mud-palette-table-lines) !important } - .mud-input > input.mud-input-root:invalid, div.mud-input-slot.mud-input-root:invalid { - box-shadow: none; + .mud-xl-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell { + border-right: none !important } +} - .mud-input > input.mud-input-root:disabled, div.mud-input-slot.mud-input-root:disabled { - opacity: 1; +@media(min-width: 2560px) { + .mud-xxl-table .mud-table-root .mud-table-head, .mud-xxl-table .mud-table-root .mud-table-foot { + display: none } - .mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled { - padding: 27px 12px 10px; + .mud-xxl-table .mud-table-smalldevices-sortselect { + display: block; + padding: 4px 16px 8px } - .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense { - padding-top: 23px; - padding-bottom: 6px; - } + .mud-xxl-table .mud-table-body { + border-top: 1px solid var(--mud-palette-table-lines) + } - .mud-input > input.mud-input-root.mud-input-root-filled:-webkit-autofill, div.mud-input-slot.mud-input-root.mud-input-root-filled:-webkit-autofill { - border-top-left-radius: inherit; - border-top-right-radius: inherit; - } + .mud-xxl-table .mud-table-row { + display: revert + } - .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label { - padding-top: 18px; - padding-bottom: 19px; + .mud-xxl-table .mud-table-row .mud-table-cell:last-child { + border-bottom: 1px solid var(--mud-palette-table-lines) } - .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense { - padding-top: 10px; - padding-bottom: 11px; - } + .mud-xxl-table .mud-table-cell { + display: flex; + justify-content: space-between; + align-items: center; + border: none; + padding: 14px 16px; + text-align: start !important + } - .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-multiline { - padding: 0; - } + .mud-xxl-table.mud-table-dense .mud-table-cell { + padding: 6px 16px + } - .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start { - padding-left: 0; - padding-inline-start: 0; - padding-inline-end: 12px; - } + .mud-xxl-table .mud-table-cell:before { + content: attr(data-label); + font-weight: 500; + padding-right: 16px; + padding-inline-end: 16px; + padding-inline-start: unset + } + + .mud-xxl-table.mud-table-small-alignright .mud-table-cell:before { + margin-right: auto + } - .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end { - padding-right: 0; - padding-inline-end: 0; - padding-inline-start: 12px; - } + .mud-xxl-table .mud-table-cell-hide { + visibility: collapse; + height: 0; + padding: 0; + margin: 0 + } -.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined { - padding: 18.5px 14px; -} + .mud-xxl-table .mud-table-pagination .mud-table-pagination-spacer { + flex: none + } - .mud-input > input.mud-input-root-outlined.mud-input-root:-webkit-autofill, div.mud-input-slot.mud-input-root-outlined.mud-input-root:-webkit-autofill { - border-radius: inherit; + .mud-xxl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child { + display: none } - .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense { - padding-top: 10.5px; - padding-bottom: 10.5px; + .mud-xxl-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child { + display: none } - .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start { - padding-left: 0; - padding-inline-start: 0; - padding-inline-end: 14px; + .mud-xxl-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption { + margin-left: auto; + margin-inline-start: auto } - .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end { - padding-right: 0; - padding-inline-end: 0; - padding-inline-start: 14px; + .mud-xxl-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell { + border-right: 1px solid var(--mud-palette-table-lines) !important } -.mud-input > input::-ms-reveal, .mud-input > input::-ms-clear, div.mud-input-slot::-ms-reveal, div.mud-input-slot::-ms-clear { - display: none !important; + .mud-xxl-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell { + border-right: none !important + } } -.mud-input > textarea.mud-input-root { - font: inherit; - color: currentColor; - width: 100%; - border: 0; - height: auto; - margin: 6px 0 7px; - padding: 0; - display: block; - min-width: 0; - background: none; - position: relative; - box-sizing: content-box; - letter-spacing: inherit; - -webkit-tap-highlight-color: transparent; - height: auto; - resize: none; - cursor: auto; +.mud-tabs { + display: flex; + flex-direction: column } - .mud-input > textarea.mud-input-root::placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-tabs.mud-tabs-reverse { + flex-direction: column-reverse } - .mud-input > textarea.mud-input-root::-webkit-input-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-tabs.mud-tabs-vertical { + flex-direction: row } - .mud-input > textarea.mud-input-root:-moz-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; - } + .mud-tabs.mud-tabs-vertical .mud-tooltip-root { + width: auto + } - .mud-input > textarea.mud-input-root::-moz-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-tabs.mud-tabs-vertical-reverse { + flex-direction: row-reverse } - .mud-input > textarea.mud-input-root:-ms-input-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; + .mud-tabs.mud-tabs-rounded { + border-radius: var(--mud-default-borderradius) } - .mud-input > textarea.mud-input-root::-ms-input-placeholder { - color: currentColor; - opacity: .42; - transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms; - } + .mud-tabs.mud-tabs-rounded .mud-tabs-toolbar { + border-radius: var(--mud-default-borderradius) + } - .mud-input > textarea.mud-input-root.mud-input-root-margin-dense { - margin-top: 3px; - } + .mud-tabs.mud-tabs-rounded .mud-tabs-panels { + border-radius: var(--mud-default-borderradius) + } - .mud-input > textarea.mud-input-root.mud-input-root-type-search { - -moz-appearance: textfield; - -webkit-appearance: textfield; - } +.mud-tabs-toolbar { + position: relative; + background-color: var(--mud-palette-surface) +} - .mud-input > textarea.mud-input-root:focus { - outline: 0; + .mud-tabs-toolbar.mud-tabs-border-left { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-right: 1px solid var(--mud-palette-lines-default) } - .mud-input > textarea.mud-input-root:invalid { - box-shadow: none; + .mud-tabs-toolbar.mud-tabs-border-right { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + border-left: 1px solid var(--mud-palette-lines-default) } - .mud-input > textarea.mud-input-root:disabled { - opacity: 1; + .mud-tabs-toolbar.mud-tabs-border-top { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-bottom: 1px solid var(--mud-palette-lines-default) } - .mud-input > textarea.mud-input-root.mud-input-root-filled { - margin: 27px 12px 10px; + .mud-tabs-toolbar.mud-tabs-border-bottom { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + border-top: 1px solid var(--mud-palette-lines-default) } - .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense { - margin-top: 23px; - margin-bottom: 6px; - } + .mud-tabs-toolbar.mud-tabs-rounded { + border-radius: var(--mud-default-borderradius) + } - .mud-input > textarea.mud-input-root.mud-input-root-filled:-webkit-autofill { - border-top-left-radius: inherit; - border-top-right-radius: inherit; - } + .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner { + flex-direction: column + } - .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label { - margin-top: 18px; - margin-bottom: 19px; + .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root { + width: 100%; + border-radius: 0px; + height: 32px } - .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense { - margin-top: 10px; - margin-bottom: 11px; + .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root .mud-icon-button-label .mud-icon-root { + transform: rotate(90deg) } - .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start { - margin-left: 0; - margin-inline-start: 0; - margin-inline-end: 12px; - } + .mud-tabs-toolbar .mud-tabs-toolbar-inner { + display: flex; + min-height: 48px + } - .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end { - margin-right: 0; - margin-inline-end: unset; - margin-inline-start: 12px; - } +.mud-tabs-toolbar-content { + width: 100%; + flex: 1 1 auto; + display: inline-block; + position: relative; + white-space: nowrap; + overflow: hidden +} - .mud-input > textarea.mud-input-root::-webkit-scrollbar { - width: 8px; - height: 8px; - z-index: 1; - cursor: crosshair; + .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper { + width: max-content; + position: inherit; + display: flex; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1) } - .mud-input > textarea.mud-input-root::-webkit-scrollbar-thumb { - background: var(--mud-palette-lines-inputs); - border-radius: 1px; - } + .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-centered { + margin: auto + } - .mud-input > textarea.mud-input-root::-webkit-scrollbar-track { - background: transparent; - } + .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-vertical { + flex-direction: column + } -.mud-input > textarea.mud-input-root-outlined { - margin: 18.5px 14px; +.mud-tabs-panels { + position: relative; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1) } - .mud-input > textarea.mud-input-root-outlined.mud-input-root:-webkit-autofill { - border-radius: inherit; + .mud-tabs-panels.mud-tabs-vertical { + display: flex; + flex-grow: 1 } - .mud-input > textarea.mud-input-root-outlined.mud-input-root-margin-dense { - margin-top: 10.5px; - margin-bottom: 10.5px; - } +.mud-tab { + width: 100%; + display: inline-flex; + padding: 6px 12px; + min-height: 48px; + flex-shrink: 0; + font-weight: 500; + line-height: 1.75; + user-select: none; + white-space: normal; + letter-spacing: .02857em; + text-transform: uppercase; + text-align: center; + align-items: center; + justify-content: center; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms +} - .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-start { - margin-left: 0; - margin-inline-start: 0; - margin-inline-end: 14px; + .mud-tab:hover { + cursor: pointer; + background-color: var(--mud-palette-action-default-hover) } - .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-end { - margin-right: 0; - margin-inline-end: 0; - margin-inline-start: 14px; + .mud-tab.mud-tab-active { + color: var(--mud-palette-primary) } -.mud-input-adornment { - height: .01em; - display: flex; - max-height: 2em; - align-items: center; - white-space: nowrap; -} - -.mud-input-adornment-start.mud-input-root-filled-shrink { - margin-top: 16px; -} + .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-primary-hover) + } -.mud-input-adornment-start { - margin-right: 8px; - margin-inline-end: 8px; - margin-inline-start: unset; -} + .mud-tab.mud-disabled { + cursor: default; + pointer-events: none; + color: var(--mud-palette-text-disabled) + } -.mud-input-adornment-end { - margin-left: 8px; - margin-inline-start: 8px; - margin-inline-end: unset; -} + .mud-tab .mud-tab-icon-text { + margin-right: 8px; + margin-inline-end: 8px; + margin-inline-start: unset + } -.mud-input-number-control.mud-input-showspin .mud-input-adornment-end { - margin-right: 12px; - margin-inline-end: 12px; - margin-inline-start: unset; +.mud-tab-slider { + position: absolute; + background: var(--mud-palette-primary) } -.mud-input-number-control.mud-input-showspin .mud-input-underline:not(.mud-input-filled) .mud-input-adornment-end { - margin-right: 24px; - margin-inline-end: 24px; - margin-inline-start: unset; -} + .mud-tab-slider.mud-tab-slider-horizontal { + height: 2px; + bottom: 0; + transition: left .3s cubic-bezier(0.64, 0.09, 0.08, 1); + will-change: left + } -.mud-input-adornment-disable-pointerevents { - pointer-events: none; -} + .mud-tab-slider.mud-tab-slider-horizontal.mud-tab-slider-horizontal-reverse { + top: 0; + bottom: unset + } -.mud-range-input-separator { - visibility: hidden; - margin: 0 4px; -} + .mud-tab-slider.mud-tab-slider-vertical { + width: 2px; + right: 0; + transition: top .3s cubic-bezier(0.64, 0.09, 0.08, 1); + will-change: top + } -.mud-input:focus-within .mud-range-input-separator { - visibility: visible; -} + .mud-tab-slider.mud-tab-slider-vertical.mud-tab-slider-vertical-reverse { + left: 0; + right: unset + } -.mud-picker .mud-shrink .mud-range-input-separator { - visibility: visible; +.mud-tab-badge { + margin-left: 8px; + margin-inline-start: 8px; + margin-inline-end: unset } -.mud-input-control { - border: 0; - margin: 0; - padding: 0; - display: flex; - flex: 1 1 auto; - max-width: 100%; - position: relative; - flex-direction: column; - vertical-align: top; - margin-top: 6px; +.mud-tabs-toolbar-primary { + background-color: var(--mud-palette-primary); + color: var(--mud-palette-primary-text) } - .mud-input-control.mud-input-control-margin-normal { - margin-top: 16px; - margin-bottom: 8px; + .mud-tabs-toolbar-primary .mud-tab-slider { + background: var(--mud-palette-primary-text) } - .mud-input-control.mud-input-control-margin-dense { - margin-top: 3px; - margin-bottom: 2px; + .mud-tabs-toolbar-primary .mud-tab.mud-tab-active { + color: var(--mud-palette-primary-text) } - .mud-input-control.mud-input-control-full-width { - width: 100%; - } + .mud-tabs-toolbar-primary .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-primary-lighten) + } - .mud-input-control.mud-input-control-boolean-input { - flex: none; - margin: 0; +.mud-tabs-toolbar-secondary { + background-color: var(--mud-palette-secondary); + color: var(--mud-palette-secondary-text) +} + + .mud-tabs-toolbar-secondary .mud-tab-slider { + background: var(--mud-palette-secondary-text) } - .mud-input-control > .mud-input-control-input-container { - position: relative; - display: flex; - flex-direction: column; + .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active { + color: var(--mud-palette-secondary-text) } - .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text { - margin-top: 16px; + .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-secondary-lighten) } - .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol { - line-height: 18px; - } +.mud-tabs-toolbar-tertiary { + background-color: var(--mud-palette-tertiary); + color: var(--mud-palette-tertiary-text) +} - .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol { - color: var(--mud-palette-text-secondary); - padding: 0; - font-size: 1rem; - font-weight: 400; - line-height: 1; - letter-spacing: .00938em; - z-index: 0; - pointer-events: none; - } + .mud-tabs-toolbar-tertiary .mud-tab-slider { + background: var(--mud-palette-tertiary-text) + } - .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled { - color: var(--mud-palette-text-disabled); - } + .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active { + color: var(--mud-palette-tertiary-text) + } - .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error { - color: var(--mud-palette-error) !important; - } + .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-tertiary-lighten) + } - .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after { - content: "*"; +.mud-tabs-toolbar-info { + background-color: var(--mud-palette-info); + color: var(--mud-palette-info-text) +} + + .mud-tabs-toolbar-info .mud-tab-slider { + background: var(--mud-palette-info-text) } - .mud-input-control.mud-input-number-control input::-webkit-outer-spin-button, .mud-input-control.mud-input-number-control input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + .mud-tabs-toolbar-info .mud-tab.mud-tab-active { + color: var(--mud-palette-info-text) } - .mud-input-control.mud-input-number-control input[type=number] { - -moz-appearance: textfield; + .mud-tabs-toolbar-info .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-info-lighten) + } + +.mud-tabs-toolbar-success { + background-color: var(--mud-palette-success); + color: var(--mud-palette-success-text) +} + + .mud-tabs-toolbar-success .mud-tab-slider { + background: var(--mud-palette-success-text) } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input { - padding-right: 24px; - padding-inline-end: 24px; + .mud-tabs-toolbar-success .mud-tab.mud-tab-active { + color: var(--mud-palette-success-text) } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input.mud-input-root-margin-dense { - padding-right: 20px; - padding-inline-end: 20px; + .mud-tabs-toolbar-success .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-success-lighten) } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input { - padding-inline-start: 0; - } +.mud-tabs-toolbar-warning { + background-color: var(--mud-palette-warning); + color: var(--mud-palette-warning-text) +} - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input.mud-input-root-margin-dense { - padding-inline-start: 0; - } + .mud-tabs-toolbar-warning .mud-tab-slider { + background: var(--mud-palette-warning-text) + } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input { - padding-inline-start: 12px; + .mud-tabs-toolbar-warning .mud-tab.mud-tab-active { + color: var(--mud-palette-warning-text) } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input.mud-input-root-margin-dense { - padding-inline-start: 12px; + .mud-tabs-toolbar-warning .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-warning-lighten) } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input { - padding-inline-start: 14px; +.mud-tabs-toolbar-error { + background-color: var(--mud-palette-error); + color: var(--mud-palette-error-text) +} + + .mud-tabs-toolbar-error .mud-tab-slider { + background: var(--mud-palette-error-text) } - .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense { - padding-inline-start: 14px; + .mud-tabs-toolbar-error .mud-tab.mud-tab-active { + color: var(--mud-palette-error-text) + } + + .mud-tabs-toolbar-error .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-error-lighten) } - .mud-input-control.mud-input-number-control .mud-input-numeric-spin { - display: inline-flex; - flex-direction: column; - justify-content: space-between; - position: absolute; - right: 0; - top: 0; - bottom: 0; +.mud-tabs-toolbar-dark { + background-color: var(--mud-palette-dark); + color: var(--mud-palette-dark-text) +} + + .mud-tabs-toolbar-dark .mud-tab-slider { + background: var(--mud-palette-dark-text) } - .mud-input-control.mud-input-number-control .mud-input-numeric-spin button { - padding: 2px; - min-width: unset; - min-height: unset; - } + .mud-tabs-toolbar-dark .mud-tab.mud-tab-active { + color: var(--mud-palette-dark-text) + } - .mud-input-control.mud-input-number-control .mud-input-numeric-spin button { - padding: 2px 0; + .mud-tabs-toolbar-dark .mud-tab.mud-tab-active:hover { + background-color: var(--mud-palette-dark-lighten) } -.mud-input-control-helper-container { - overflow: hidden; - margin-top: 3px; +.tab-transition-enter { + transform: translate(100%, 0) } -.mud-input-helper-text { - color: var(--mud-palette-text-secondary); - margin: 0; - font-size: .75rem; - text-align: start; - font-weight: 400; - line-height: 1.66; - letter-spacing: .03333em; +.tab-transition-leave, .tab-transition-leave-active { + position: absolute; + top: 0 } - .mud-input-helper-text.mud-input-helper-onfocus { - transform: translateY(-100%); - transition: color 200ms cubic-bezier(0,0,.2,1) 0ms,transform 200ms cubic-bezier(0,0,.2,1) 0ms; - } +.tab-transition-leave-to { + position: absolute; + transform: translate(-100%, 0) +} -.mud-input-control:focus-within .mud-input-helper-text.mud-input-helper-onfocus, .mud-input-control.mud-input-error .mud-input-helper-text.mud-input-helper-onfocus { - transform: translateY(0); +.tab-reverse-transition-enter { + transform: translate(-100%, 0) } -.mud-input-helper-text.mud-disabled { - color: var(--mud-palette-text-disabled); +.tab-reverse-transition-leave, .tab-reverse-transition-leave-to { + top: 0; + position: absolute; + transform: translate(100%, 0) } -.mud-input-helper-text.mud-input-error { - color: var(--mud-palette-error) !important; +.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab { + padding: 6px 14px } -.mud-input-helper-text-margin-dense { - margin-top: 4px; + .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-icon-button { + padding: 4px; + margin-right: -4px; + margin-inline-end: -4px; + margin-inline-start: unset + } + + .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-before { + padding-right: 8px; + padding-inline-end: 8px; + padding-inline-start: unset + } + + .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-after { + padding-left: 8px; + padding-inline-start: 8px; + padding-inline-end: unset + } + +.mud-tabs-header.mud-tabs-header-before { + display: inherit } -.mud-input-helper-text-contained { - margin-left: 14px; - margin-right: 14px; +.mud-tabs-header.mud-tabs-header-after { + display: inherit } -.mud-application-layout-rtl .mud-input-control.mud-input-number-control .mud-input-numeric-spin { - left: 0; - right: unset; +.mud-tabs-panel-header { + display: flex; + flex: 1 1 auto } -.mud-input-label { - display: block; - transform-origin: top left; + .mud-tabs-panel-header.mud-tabs-panel-header-before { + justify-content: flex-start + } + + .mud-tabs-panel-header.mud-tabs-panel-header-after { + justify-content: flex-end + } + +.mud-toggle-group { + display: grid } -.mud-input-label-inputcontrol { - top: 0; - left: 0; - position: absolute; - transform: translate(0,24px) scale(1); +.mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > .mud-toggle-item:not(:last-child), .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > :not(:last-child) .mud-toggle-item { + border-top-right-radius: 0; + border-bottom-right-radius: 0 } -.mud-input-label-margindense { - transform: translate(0,21px) scale(1); +.mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > .mud-toggle-item:not(:first-child), .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > :not(:first-child) .mud-toggle-item { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px } -.mud-input-label-shrink { - transform: translate(0,1.5px) scale(.75); - transform-origin: top left; + .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > .mud-toggle-item:not(:first-child).mud-toggle-item-delimiter, .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > :not(:first-child) .mud-toggle-item.mud-toggle-item-delimiter { + border-left-width: 1px + } + + .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > .mud-toggle-item:not(:first-child).mud-toggle-delimiter-alternative, .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > :not(:first-child) .mud-toggle-item.mud-toggle-delimiter-alternative { + border-left-color: var(--mud-palette-background-grey) !important + } + +.mud-toggle-group-horizontal.mud-toggle-group-rtl > .mud-toggle-item:not(:last-child), .mud-toggle-group-horizontal.mud-toggle-group-rtl > :not(:last-child) .mud-toggle-item { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px } -.mud-input-label-animated { - transition: color 200ms cubic-bezier(0,0,.2,1) 0ms,transform 200ms cubic-bezier(0,0,.2,1) 0ms; + .mud-toggle-group-horizontal.mud-toggle-group-rtl > .mud-toggle-item:not(:last-child).mud-toggle-item-delimiter, .mud-toggle-group-horizontal.mud-toggle-group-rtl > :not(:last-child) .mud-toggle-item.mud-toggle-item-delimiter { + border-left-width: 1px + } + +.mud-toggle-group-horizontal.mud-toggle-group-rtl > .mud-toggle-item:not(:first-child), .mud-toggle-group-horizontal.mud-toggle-group-rtl > :not(:first-child) .mud-toggle-item { + border-top-right-radius: 0; + border-bottom-right-radius: 0 } -.mud-input-label-filled { - z-index: 1; - transform: translate(12px,20px) scale(1); - pointer-events: none; +.mud-toggle-group-vertical > .mud-toggle-item:not(:last-child), .mud-toggle-group-vertical > :not(:last-child) .mud-toggle-item { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0 } - .mud-input-label-filled.mud-input-label-margin-dense { - transform: translate(12px,17px) scale(1); +.mud-toggle-group-vertical > .mud-toggle-item:not(:first-child), .mud-toggle-group-vertical > :not(:first-child) .mud-toggle-item { + border-top-left-radius: 0; + border-top-right-radius: 0 +} + + .mud-toggle-group-vertical > .mud-toggle-item:not(:first-child).mud-toggle-item-delimiter, .mud-toggle-group-vertical > :not(:first-child) .mud-toggle-item.mud-toggle-item-delimiter { + border-top-width: 1px } -.mud-input-label-outlined { - transform: translate(14px,20px) scale(1); - pointer-events: none; - background-color: var(--mud-palette-surface); - padding: 0 5px !important; + .mud-toggle-group-vertical > .mud-toggle-item:not(:first-child).mud-toggle-delimiter-alternative, .mud-toggle-group-vertical > :not(:first-child) .mud-toggle-item.mud-toggle-delimiter-alternative { + border-top-color: var(--mud-palette-background-grey) !important + } + +.mud-toggle-item { + cursor: pointer; + user-select: none; + border-radius: var(--mud-default-borderradius) } - .mud-input-label-outlined.mud-input-label-margin-dense { - transform: translate(14px,12px) scale(1); + .mud-toggle-item.mud-toggle-item-primary { + color: var(--mud-palette-primary) } -.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol { - color: var(--mud-palette-text-primary); -} + .mud-toggle-item.mud-toggle-item-primary:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-primary:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-primary-hover) + } -.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol { - color: var(--mud-palette-primary); -} + .mud-toggle-item.mud-toggle-item-secondary { + color: var(--mud-palette-secondary) + } + + .mud-toggle-item.mud-toggle-item-secondary:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-secondary:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-secondary-hover) + } + + .mud-toggle-item.mud-toggle-item-tertiary { + color: var(--mud-palette-tertiary) + } + + .mud-toggle-item.mud-toggle-item-tertiary:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-tertiary:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-tertiary-hover) + } + + .mud-toggle-item.mud-toggle-item-info { + color: var(--mud-palette-info) + } + + .mud-toggle-item.mud-toggle-item-info:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-info:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-info-hover) + } -.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol { - transform: translate(0,1.5px) scale(.75); - transform-origin: top left; -} + .mud-toggle-item.mud-toggle-item-success { + color: var(--mud-palette-success) + } - .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled { - transform: translate(12px,10px) scale(.75); + .mud-toggle-item.mud-toggle-item-success:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-success:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-success-hover) + } + + .mud-toggle-item.mud-toggle-item-warning { + color: var(--mud-palette-warning) } - .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense { - transform: translate(12px,7px) scale(.75); + .mud-toggle-item.mud-toggle-item-warning:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-warning:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-warning-hover) } - .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined { - transform: translate(14px,-6px) scale(.75); + .mud-toggle-item.mud-toggle-item-error { + color: var(--mud-palette-error) } - .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-error { - color: var(--mud-palette-error); + .mud-toggle-item.mud-toggle-item-error:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-error:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-error-hover) + } + + .mud-toggle-item.mud-toggle-item-dark { + color: var(--mud-palette-dark) } -.mud-application-layout-rtl .mud-input-label { - transform-origin: top right; -} + .mud-toggle-item.mud-toggle-item-dark:hover:not(.mud-toggle-item-selected), .mud-toggle-item.mud-toggle-item-dark:focus-visible:not(.mud-toggle-item-selected) { + background-color: var(--mud-palette-dark-hover) + } -.mud-application-layout-rtl .mud-input-label-inputcontrol { - left: unset; - right: 0; -} + .mud-toggle-item.mud-toggle-item-selected-border { + border-radius: unset + } -.mud-application-layout-rtl .mud-input-label-shrink { - transform-origin: top right; +.mud-toolbar { + display: flex; + position: relative; + align-items: center; + --mud-internal-toolbar-height: 56px; + height: var(--mud-internal-toolbar-height) } -.mud-application-layout-rtl .mud-input-label-filled { - transform: translate(-12px,20px) scale(1); +.mud-toolbar-gutters { + padding-left: 16px; + padding-right: 16px } - .mud-application-layout-rtl .mud-input-label-filled.mud-input-label-margin-dense { - transform: translate(-12px,17px) scale(1); +@media(min-width: 0px)and (orientation: landscape) { + .mud-toolbar { + --mud-internal-toolbar-height: 48px } - -.mud-application-layout-rtl .mud-input-label-outlined { - transform: translate(-14px,20px) scale(1); } - .mud-application-layout-rtl .mud-input-label-outlined.mud-input-label-margin-dense { - transform: translate(-14px,12px) scale(1); +@media(min-width: 600px) { + .mud-toolbar { + --mud-internal-toolbar-height: 64px } -.mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol { - transform-origin: top right; + .mud-toolbar-gutters { + padding-left: 24px; + padding-right: 24px + } } - .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled { - transform: translate(-12px,10px) scale(.75); - } +.mud-toolbar-dense { + --mud-internal-toolbar-height: 48px +} - .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense { - transform: translate(-12px,7px) scale(.75); - } +.mud-toolbar.mud-toolbar-wrap-content { + height: auto; + min-height: var(--mud-internal-toolbar-height); + flex-wrap: wrap +} - .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined { - transform: translate(-14px,-6px) scale(.75); + .mud-toolbar.mud-toolbar-wrap-content.mud-toolbar-appbar { + min-height: min(var(--mud-appbar-height),var(--mud-internal-toolbar-height)) } -.mud-file-upload { - flex-grow: 0; +.mud-tooltip-root { + width: fit-content } - .mud-file-upload > .mud-input-control-input-container { - display: initial !important; + .mud-tooltip-root.mud-tooltip-inline { + display: inline-block } -.mud-image.fluid { - max-width: 100%; - height: auto; -} - -.mud-overlay { - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0 !important; +.mud-tooltip { + padding: 4px 8px; + text-align: center; align-items: center; justify-content: center; - border-radius: inherit; - display: flex; - position: fixed; - transition: .3s cubic-bezier(.25,.8,.5,1),z-index 1ms; - z-index: 5; + font-weight: 500; + font-size: 12px; + line-height: 1.4em; + border-radius: var(--mud-default-borderradius); + z-index: var(--mud-zindex-tooltip) } - .mud-overlay.mud-overlay-absolute { - position: absolute; + .mud-tooltip.mud-tooltip-default { + color: var(--mud-palette-dark-text); + background-color: var(--mud-palette-grey-darker) } - .mud-overlay .mud-overlay-scrim { - top: 0; - left: 0; - right: 0; - bottom: 0; - border-radius: inherit; - position: absolute; - height: 100%; - width: 100%; - border-color: transparent; - background-color: transparent; - animation: mud-animation-fadein ease .15s; - -webkit-animation: mud-animation-fadein ease .15s; - -moz-animation: mud-animation-fadein ease .15s; - -o-animation: mud-animation-fadein ease .15s; + .mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after { + border-color: var(--mud-palette-grey-darker) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) + } + + .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip] { + transform: translateX(-10px) } - .mud-overlay .mud-overlay-scrim.mud-overlay-dark { - border-color: var(--mud-palette-overlay-dark); - background-color: var(--mud-palette-overlay-dark); + .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip].mud-tooltip-arrow::after { + left: 100%; + transform: rotate(270deg) } - .mud-overlay .mud-overlay-scrim.mud-overlay-light { - border-color: var(--mud-palette-overlay-light); - background-color: var(--mud-palette-overlay-light); - } + .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip] { + transform: translateX(10px) + } - .mud-overlay .mud-overlay-scrim:hover { - cursor: default; + .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip].mud-tooltip-arrow::after { + right: 100%; + transform: rotate(90deg) } - .mud-overlay .mud-overlay-content { - position: relative; + .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip] { + transform: translateY(-10px) } - .mud-overlay.mud-overlay-popover { - z-index: var(--mud-zindex-popover); - } + .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip].mud-tooltip-arrow::after { + top: 100%; + transform: rotate(0deg) + } - .mud-overlay.mud-overlay-dialog { - z-index: calc(var(--mud-zindex-dialog) + 1); + .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip] { + transform: translateY(10px) } - .mud-overlay.mud-overlay-drawer { - z-index: calc(var(--mud-zindex-appbar) + 1); + .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip].mud-tooltip-arrow::after { + bottom: 100%; + transform: rotate(180deg) + } + + .mud-tooltip.mud-tooltip-arrow::after { + content: ""; + position: absolute; + border-width: 6px; + border-style: solid; + border-color: rgba(0,0,0,0); + border-top-color: inherit } .mud-treeview { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; list-style: none; - overflow: auto; + overflow: auto } .mud-treeview.mud-treeview-selected-primary .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-primary); - background-color: var(--mud-palette-primary-hover); + background-color: var(--mud-palette-primary-hover) } .mud-treeview.mud-treeview-selected-secondary .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-secondary); - background-color: var(--mud-palette-secondary-hover); + background-color: var(--mud-palette-secondary-hover) } .mud-treeview.mud-treeview-selected-tertiary .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-tertiary); - background-color: var(--mud-palette-tertiary-hover); + background-color: var(--mud-palette-tertiary-hover) } .mud-treeview.mud-treeview-selected-info .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-info); - background-color: var(--mud-palette-info-hover); + background-color: var(--mud-palette-info-hover) } .mud-treeview.mud-treeview-selected-success .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-success); - background-color: var(--mud-palette-success-hover); + background-color: var(--mud-palette-success-hover) } .mud-treeview.mud-treeview-selected-warning .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-warning); - background-color: var(--mud-palette-warning-hover); + background-color: var(--mud-palette-warning-hover) } .mud-treeview.mud-treeview-selected-error .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-error); - background-color: var(--mud-palette-error-hover); + background-color: var(--mud-palette-error-hover) } .mud-treeview.mud-treeview-selected-dark .mud-treeview-item-content.mud-treeview-item-selected { color: var(--mud-palette-dark); - background-color: var(--mud-palette-dark-hover); + background-color: var(--mud-palette-dark-hover) } .mud-treeview.mud-treeview-checked-primary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-primary); + color: var(--mud-palette-primary) } .mud-treeview.mud-treeview-checked-secondary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-secondary); + color: var(--mud-palette-secondary) } .mud-treeview.mud-treeview-checked-tertiary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-tertiary); + color: var(--mud-palette-tertiary) } .mud-treeview.mud-treeview-checked-info .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-info); + color: var(--mud-palette-info) } .mud-treeview.mud-treeview-checked-success .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-success); + color: var(--mud-palette-success) } .mud-treeview.mud-treeview-checked-warning .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-warning); + color: var(--mud-palette-warning) } .mud-treeview.mud-treeview-checked-error .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-error); + color: var(--mud-palette-error) } .mud-treeview.mud-treeview-checked-dark .mud-treeview-item-checkbox .mud-button-root.mud-icon-button { - color: var(--mud-palette-dark); + color: var(--mud-palette-dark) } .mud-treeview-group { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; margin-left: 17px; margin-inline-start: 17px; margin-inline-end: unset; - list-style: none; + list-style: none } .mud-treeview-item { @@ -11459,11 +11944,11 @@ tr.mud-table-row-group-indented-5 td:first-child { list-style: none; min-height: 2rem; align-items: center; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0,0,0,0) } .mud-treeview-item .mud-treeview-item-arrow .mud-icon-button, .mud-treeview-item .mud-treeview-item-checkbox .mud-icon-button { - padding: 4px; + padding: 4px } .mud-treeview-item-content { @@ -11471,11 +11956,11 @@ tr.mud-table-row-group-indented-5 td:first-child { display: flex; padding: 4px 8px; align-items: center; - transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; + transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .mud-treeview-hover .mud-treeview-item-content:hover { - background-color: var(--mud-palette-action-default-hover); + background-color: var(--mud-palette-action-default-hover) } .mud-treeview-item-arrow { @@ -11484,19 +11969,19 @@ tr.mud-table-row-group-indented-5 td:first-child { flex-shrink: 0; margin: 0 4px; min-height: 32px; - justify-content: center; + justify-content: center } .mud-treeview-item-arrow .mud-treeview-item-arrow-expand { - transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; + transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1),visibility 0s } .mud-treeview-item-arrow .mud-treeview-item-arrow-expand.mud-transform { - transform: rotate(90deg); + transform: rotate(90deg) } .mud-treeview-item-arrow .mud-treeview-item-arrow-load { - animation: rotation 1s infinite linear; + animation: rotation 1s infinite linear } .mud-treeview-item-icon { @@ -11506,12499 +11991,12385 @@ tr.mud-table-row-group-indented-5 td:first-child { margin-right: 4px; margin-inline-end: 4px; margin-inline-start: unset; - justify-content: center; + justify-content: center } .mud-treeview-item-label { flex-grow: 1; padding-left: 4px; - padding-right: 4px; + padding-right: 4px } .mud-treeview-dense .mud-treeview-item { - min-height: unset; + min-height: unset } .mud-treeview-dense .mud-treeview-item-content { - padding: 1px 4px; + padding: 1px 4px } .mud-treeview-dense .mud-treeview-item-arrow { - min-height: unset; + min-height: unset } .mud-treeview-dense .mud-icon-button { - padding: 0; + padding: 0 } .mud-treeview-select-none { - user-select: none; + user-select: none } @keyframes rotation { from { - transform: rotate(0deg); - } - - to { - transform: rotate(359deg); - } -} - -.mud-application-layout-rtl .mud-treeview-item-arrow { - transform: scaleX(-1); -} - -.mud-data-grid th { - position: relative; -} - -.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input-control { - margin: 0 !important; -} - -.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input { - font-size: inherit; -} - - .mud-data-grid .mud-table-cell.edit-mode-cell .mud-input:before { - content: none; - } - -.mud-data-grid .mud-table-cell.edit-mode-cell .mud-inputafter { - content: none; -} - -.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input .mud-input-outlined-border { - border: none; -} - -.mud-data-grid .mud-table-cell.filter-header-cell { - padding: 6px 24px 6px 16px; - padding-inline-start: 16px; - padding-inline-end: 24px; -} - -.mud-data-grid .mud-table-cell.sticky-left { - left: 0; - position: sticky; - background-color: var(--mud-palette-background-grey); - z-index: 1; -} - -.mud-data-grid .mud-table-cell.sticky-right { - right: 0; - position: sticky; - background-color: var(--mud-palette-background-grey); - z-index: 1; -} - -.mud-data-grid .mud-table-cell .mud-input-text { - margin-top: 0 !important; -} - -.mud-data-grid .mud-table-cell .column-header { - display: flex; - justify-content: space-between; -} - - .mud-data-grid .mud-table-cell .column-header .sortable-column-header { - width: 100%; - } - - .mud-data-grid .mud-table-cell .column-header:hover .column-options .sort-direction-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .column-options-icon { - opacity: .8; - color: var(--mud-palette-action-default); - } - - .mud-data-grid .mud-table-cell .column-header:hover .column-options .mud-menu .mud-icon-button-label { - opacity: 1; - color: var(--mud-palette-action-default); - } - - .mud-data-grid .mud-table-cell .column-header .column-options { - display: inline-flex; - align-items: center; - flex-direction: inherit; - justify-content: flex-start; - } - - .mud-data-grid .mud-table-cell .column-header .sort-direction-icon { - font-size: 18px; - margin-left: 4px; - margin-left: 4px; - margin-inline-start: 4px; - margin-inline-end: unset; - user-select: none; - transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms; - opacity: 0; - } - - .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-desc { - opacity: 1; - transform: rotate(180deg); - } - - .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc { - opacity: 1; - transform: rotate(0deg); - } - - .mud-data-grid .mud-table-cell .column-header .mud-sort-index { - transform: scale(.9) translate(-2px,-2px); - } - - .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label { - user-select: none; - transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms; - opacity: 0; - } - -.mud-data-grid .mud-table-cell .mud-resizer { - position: absolute; - top: 0; - right: 0; - width: 8px; - cursor: col-resize; - user-select: none; -} + transform: rotate(0deg) + } - .mud-data-grid .mud-table-cell .mud-resizer:hover, .mud-data-grid .mud-table-cell .mud-resizing { - border-right: 2px solid var(--mud-palette-primary); + to { + transform: rotate(359deg) } +} + +.mud-application-layout-rtl .mud-treeview-item-arrow { + transform: scaleX(-1) +} .rounded-0 { - border-radius: 0 !important; + border-radius: 0 !important } .rounded-t-0 { border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .rounded-r-0, .rounded-e-0 { border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded-b-0 { border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .rounded-l-0, .rounded-s-0 { border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .rounded-tl-0, .rounded-ts-0 { - border-top-left-radius: 0 !important; + border-top-left-radius: 0 !important } .rounded-tr-0, .rounded-te-0 { - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .rounded-br-0, .rounded-be-0 { - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded-bl-0, .rounded-bs-0 { - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-s-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-e-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .mud-application-layout-rtl .rounded-ts-0 { border-top-right-radius: 0 !important; - border-top-left-radius: 0 !important; + border-top-left-radius: 0 !important } .mud-application-layout-rtl .rounded-te-0 { border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .mud-application-layout-rtl .rounded-bs-0 { border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-be-0 { border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded-sm { - border-radius: 2px !important; + border-radius: 2px !important } .rounded-t-sm { border-top-left-radius: 2px !important; - border-top-right-radius: 2px !important; + border-top-right-radius: 2px !important } .rounded-r-sm, .rounded-e-sm { border-top-right-radius: 2px !important; - border-bottom-right-radius: 2px !important; + border-bottom-right-radius: 2px !important } .rounded-b-sm { border-bottom-right-radius: 2px !important; - border-bottom-left-radius: 2px !important; + border-bottom-left-radius: 2px !important } .rounded-l-sm, .rounded-s-sm { border-top-left-radius: 2px !important; - border-bottom-left-radius: 2px !important; + border-bottom-left-radius: 2px !important } .rounded-tl-sm, .rounded-ts-sm { - border-top-left-radius: 2px !important; + border-top-left-radius: 2px !important } .rounded-tr-sm, .rounded-te-sm { - border-top-right-radius: 2px !important; + border-top-right-radius: 2px !important } .rounded-br-sm, .rounded-be-sm { - border-bottom-right-radius: 2px !important; + border-bottom-right-radius: 2px !important } .rounded-bl-sm, .rounded-bs-sm { - border-bottom-left-radius: 2px !important; + border-bottom-left-radius: 2px !important } .mud-application-layout-rtl .rounded-s-sm { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-e-sm { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .mud-application-layout-rtl .rounded-ts-sm { border-top-right-radius: 2px !important; - border-top-left-radius: 0 !important; + border-top-left-radius: 0 !important } .mud-application-layout-rtl .rounded-te-sm { border-top-left-radius: 2px !important; - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .mud-application-layout-rtl .rounded-bs-sm { border-bottom-right-radius: 2px !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-be-sm { border-bottom-left-radius: 2px !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded-lg { - border-radius: 8px !important; + border-radius: 8px !important } .rounded-t-lg { border-top-left-radius: 8px !important; - border-top-right-radius: 8px !important; + border-top-right-radius: 8px !important } .rounded-r-lg, .rounded-e-lg { border-top-right-radius: 8px !important; - border-bottom-right-radius: 8px !important; + border-bottom-right-radius: 8px !important } .rounded-b-lg { border-bottom-right-radius: 8px !important; - border-bottom-left-radius: 8px !important; + border-bottom-left-radius: 8px !important } .rounded-l-lg, .rounded-s-lg { border-top-left-radius: 8px !important; - border-bottom-left-radius: 8px !important; + border-bottom-left-radius: 8px !important } .rounded-tl-lg, .rounded-ts-lg { - border-top-left-radius: 8px !important; + border-top-left-radius: 8px !important } .rounded-tr-lg, .rounded-te-lg { - border-top-right-radius: 8px !important; + border-top-right-radius: 8px !important } .rounded-br-lg, .rounded-be-lg { - border-bottom-right-radius: 8px !important; + border-bottom-right-radius: 8px !important } .rounded-bl-lg, .rounded-bs-lg { - border-bottom-left-radius: 8px !important; + border-bottom-left-radius: 8px !important } .mud-application-layout-rtl .rounded-s-lg { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-e-lg { border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .mud-application-layout-rtl .rounded-ts-lg { border-top-right-radius: 8px !important; - border-top-left-radius: 0 !important; + border-top-left-radius: 0 !important } .mud-application-layout-rtl .rounded-te-lg { border-top-left-radius: 8px !important; - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .mud-application-layout-rtl .rounded-bs-lg { border-bottom-right-radius: 8px !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-be-lg { border-bottom-left-radius: 8px !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded-xl { - border-radius: 24px !important; + border-radius: 24px !important } .rounded-t-xl { border-top-left-radius: 24px !important; - border-top-right-radius: 24px !important; + border-top-right-radius: 24px !important } .rounded-r-xl, .rounded-e-xl { border-top-right-radius: 24px !important; - border-bottom-right-radius: 24px !important; + border-bottom-right-radius: 24px !important } .rounded-b-xl { border-bottom-right-radius: 24px !important; - border-bottom-left-radius: 24px !important; + border-bottom-left-radius: 24px !important } .rounded-l-xl, .rounded-s-xl { border-top-left-radius: 24px !important; - border-bottom-left-radius: 24px !important; + border-bottom-left-radius: 24px !important } .rounded-tl-xl, .rounded-ts-xl { - border-top-left-radius: 24px !important; + border-top-left-radius: 24px !important } .rounded-tr-xl, .rounded-te-xl { - border-top-right-radius: 24px !important; + border-top-right-radius: 24px !important } .rounded-br-xl, .rounded-be-xl { - border-bottom-right-radius: 24px !important; + border-bottom-right-radius: 24px !important } .rounded-bl-xl, .rounded-bs-xl { - border-bottom-left-radius: 24px !important; + border-bottom-left-radius: 24px !important } .mud-application-layout-rtl .rounded-s-xl { border-top-right-radius: 24px !important; border-bottom-right-radius: 24px !important; border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-e-xl { border-top-left-radius: 24px !important; border-bottom-left-radius: 24px !important; border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .mud-application-layout-rtl .rounded-ts-xl { border-top-right-radius: 24px !important; - border-top-left-radius: 0 !important; + border-top-left-radius: 0 !important } .mud-application-layout-rtl .rounded-te-xl { border-top-left-radius: 24px !important; - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .mud-application-layout-rtl .rounded-bs-xl { border-bottom-right-radius: 24px !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-be-xl { border-bottom-left-radius: 24px !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded { - border-radius: var(--mud-default-borderradius) !important; + border-radius: var(--mud-default-borderradius) !important } .rounded-t { border-top-left-radius: var(--mud-default-borderradius) !important; - border-top-right-radius: var(--mud-default-borderradius) !important; + border-top-right-radius: var(--mud-default-borderradius) !important } .rounded-r, .rounded-e { border-top-right-radius: var(--mud-default-borderradius) !important; - border-bottom-right-radius: var(--mud-default-borderradius) !important; + border-bottom-right-radius: var(--mud-default-borderradius) !important } .rounded-b { border-bottom-right-radius: var(--mud-default-borderradius) !important; - border-bottom-left-radius: var(--mud-default-borderradius) !important; + border-bottom-left-radius: var(--mud-default-borderradius) !important } .rounded-l, .rounded-s { border-top-left-radius: var(--mud-default-borderradius) !important; - border-bottom-left-radius: var(--mud-default-borderradius) !important; + border-bottom-left-radius: var(--mud-default-borderradius) !important } .rounded-tl, .rounded-ts { - border-top-left-radius: var(--mud-default-borderradius) !important; + border-top-left-radius: var(--mud-default-borderradius) !important } .rounded-tr, .rounded-te { - border-top-right-radius: var(--mud-default-borderradius) !important; + border-top-right-radius: var(--mud-default-borderradius) !important } .rounded-br, .rounded-be { - border-bottom-right-radius: var(--mud-default-borderradius) !important; + border-bottom-right-radius: var(--mud-default-borderradius) !important } .rounded-bl, .rounded-bs { - border-bottom-left-radius: var(--mud-default-borderradius) !important; + border-bottom-left-radius: var(--mud-default-borderradius) !important } .mud-application-layout-rtl .rounded-s { border-top-right-radius: var(--mud-default-borderradius) !important; border-bottom-right-radius: var(--mud-default-borderradius) !important; border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-e { border-top-left-radius: var(--mud-default-borderradius) !important; border-bottom-left-radius: var(--mud-default-borderradius) !important; border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .mud-application-layout-rtl .rounded-ts { border-top-right-radius: var(--mud-default-borderradius) !important; - border-top-left-radius: 0 !important; + border-top-left-radius: 0 !important } .mud-application-layout-rtl .rounded-te { border-top-left-radius: var(--mud-default-borderradius) !important; - border-top-right-radius: 0 !important; + border-top-right-radius: 0 !important } .mud-application-layout-rtl .rounded-bs { border-bottom-right-radius: var(--mud-default-borderradius) !important; - border-bottom-left-radius: 0 !important; + border-bottom-left-radius: 0 !important } .mud-application-layout-rtl .rounded-be { border-bottom-left-radius: var(--mud-default-borderradius) !important; - border-bottom-right-radius: 0 !important; + border-bottom-right-radius: 0 !important } .rounded-circle { - border-radius: 50% !important; + border-radius: 50% !important } .rounded-pill { - border-radius: 9999px !important; + border-radius: 9999px !important } .border-solid { - border-style: solid !important; + border-style: solid !important } .border-dashed { - border-style: dashed !important; + border-style: dashed !important } .border-dotted { - border-style: dotted !important; + border-style: dotted !important } .border-double { - border-style: double !important; + border-style: double !important } .border-hidden { - border-style: hidden !important; + border-style: hidden !important } .border-none { - border-style: none !important; + border-style: none !important } .border-0 { - border-width: 0 !important; + border-width: 0px !important } .border-t-0 { - border-top-width: 0 !important; + border-top-width: 0px !important } .border-r-0 { - border-right-width: 0 !important; + border-right-width: 0px !important } .border-b-0 { - border-bottom-width: 0 !important; + border-bottom-width: 0px !important } .border-l-0 { - border-left-width: 0 !important; + border-left-width: 0px !important } .border-x-0 { - border-left-width: 0 !important; - border-right-width: 0 !important; + border-left-width: 0px !important; + border-right-width: 0px !important } .border-y-0 { - border-top-width: 0 !important; - border-bottom-width: 0 !important; + border-top-width: 0px !important; + border-bottom-width: 0px !important } .border { - border-width: 1px !important; + border-width: 1px !important } .border-t { - border-top-width: 1px !important; + border-top-width: 1px !important } .border-r { - border-right-width: 1px !important; + border-right-width: 1px !important } .border-b { - border-bottom-width: 1px !important; + border-bottom-width: 1px !important } .border-l { - border-left-width: 1px !important; + border-left-width: 1px !important } .border-x { border-left-width: 1px !important; - border-right-width: 1px !important; + border-right-width: 1px !important } .border-y { border-top-width: 1px !important; - border-bottom-width: 1px !important; + border-bottom-width: 1px !important } .border-2 { - border-width: 2px !important; + border-width: 2px !important } .border-t-2 { - border-top-width: 2px !important; + border-top-width: 2px !important } .border-r-2 { - border-right-width: 2px !important; + border-right-width: 2px !important } .border-b-2 { - border-bottom-width: 2px !important; + border-bottom-width: 2px !important } .border-l-2 { - border-left-width: 2px !important; + border-left-width: 2px !important } .border-x-2 { border-left-width: 2px !important; - border-right-width: 2px !important; + border-right-width: 2px !important } .border-y-2 { border-top-width: 2px !important; - border-bottom-width: 2px !important; + border-bottom-width: 2px !important } .border-4 { - border-width: 4px !important; + border-width: 4px !important } .border-t-4 { - border-top-width: 4px !important; + border-top-width: 4px !important } .border-r-4 { - border-right-width: 4px !important; + border-right-width: 4px !important } .border-b-4 { - border-bottom-width: 4px !important; + border-bottom-width: 4px !important } .border-l-4 { - border-left-width: 4px !important; + border-left-width: 4px !important } .border-x-4 { border-left-width: 4px !important; - border-right-width: 4px !important; + border-right-width: 4px !important } .border-y-4 { border-top-width: 4px !important; - border-bottom-width: 4px !important; + border-bottom-width: 4px !important } .border-8 { - border-width: 8px !important; + border-width: 8px !important } .border-t-8 { - border-top-width: 8px !important; + border-top-width: 8px !important } .border-r-8 { - border-right-width: 8px !important; + border-right-width: 8px !important } .border-b-8 { - border-bottom-width: 8px !important; + border-bottom-width: 8px !important } .border-l-8 { - border-left-width: 8px !important; + border-left-width: 8px !important } .border-x-8 { border-left-width: 8px !important; - border-right-width: 8px !important; + border-right-width: 8px !important } .border-y-8 { border-top-width: 8px !important; - border-bottom-width: 8px !important; + border-bottom-width: 8px !important } .outline-none { - outline-style: none; + outline-style: none } .outline-solid { - outline-style: solid; + outline-style: solid } .outline-dashed { - outline-style: dashed; + outline-style: dashed } .outline-dotted { - outline-style: dotted; + outline-style: dotted } .outline-double { - outline-style: double; + outline-style: double } .outline-hidden { - outline-style: hidden; + outline-style: hidden } .flex-1 { - flex: 1 1 0% !important; + flex: 1 1 0% !important } .flex-auto { - flex: 1 1 auto !important; + flex: 1 1 auto !important } .flex-initial { - flex: 0 1 auto !important; + flex: 0 1 auto !important } .flex-none { - flex: none !important; + flex: none !important } .flex-row { - flex-direction: row !important; + flex-direction: row !important } .flex-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important } .flex-column { - flex-direction: column !important; + flex-direction: column !important } .flex-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important } .flex-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important } .flex-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important } .flex-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important } .flex-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important } .flex-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important } .flex-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important } .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important } .justify-start { - justify-content: flex-start !important; + justify-content: flex-start !important } .justify-end { - justify-content: flex-end !important; + justify-content: flex-end !important } .justify-center { - justify-content: center !important; + justify-content: center !important } .justify-space-between { - justify-content: space-between !important; + justify-content: space-between !important } .justify-space-around { - justify-content: space-around !important; + justify-content: space-around !important } .justify-space-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important } .order-first { - order: -9999 !important; + order: -9999 !important } .order-last { - order: 9999 !important; + order: 9999 !important } .order-0 { - order: 0 !important; + order: 0 !important } .order-1 { - order: 1 !important; + order: 1 !important } .order-2 { - order: 2 !important; + order: 2 !important } .order-3 { - order: 3 !important; + order: 3 !important } .order-4 { - order: 4 !important; + order: 4 !important } .order-5 { - order: 5 !important; + order: 5 !important } .order-6 { - order: 6 !important; + order: 6 !important } .order-7 { - order: 7 !important; + order: 7 !important } .order-8 { - order: 8 !important; + order: 8 !important } .order-9 { - order: 9 !important; + order: 9 !important } .order-10 { - order: 10 !important; + order: 10 !important } .order-11 { - order: 11 !important; + order: 11 !important } .order-12 { - order: 12 !important; + order: 12 !important } .align-content-start { - align-content: flex-start !important; + align-content: flex-start !important } .align-content-end { - align-content: flex-end !important; + align-content: flex-end !important } .align-content-center { - align-content: center !important; + align-content: center !important } .align-content-space-between { - align-content: space-between !important; + align-content: space-between !important } .align-content-space-around { - align-content: space-around !important; + align-content: space-around !important } .align-content-stretch { - align-content: stretch !important; + align-content: stretch !important } .align-start { - align-items: flex-start !important; + align-items: flex-start !important } .align-end { - align-items: flex-end !important; + align-items: flex-end !important } .align-center { - align-items: center !important; + align-items: center !important } .align-baseline { - align-items: baseline !important; + align-items: baseline !important } .align-stretch { - align-items: stretch !important; + align-items: stretch !important } .align-self-auto { - align-self: auto !important; + align-self: auto !important } .align-self-start { - align-self: flex-start !important; + align-self: flex-start !important } .align-self-end { - align-self: flex-end !important; + align-self: flex-end !important } .align-self-center { - align-self: center !important; + align-self: center !important } .align-self-stretch { - align-self: stretch !important; + align-self: stretch !important } .gap-0 { - gap: 0; + gap: 0px } .gap-x-0 { - column-gap: 0; + column-gap: 0px } .gap-y-0 { - row-gap: 0; + row-gap: 0px } .gap-1 { - gap: 4px; + gap: 4px } .gap-x-1 { - column-gap: 4px; + column-gap: 4px } .gap-y-1 { - row-gap: 4px; + row-gap: 4px } .gap-2 { - gap: 8px; + gap: 8px } .gap-x-2 { - column-gap: 8px; + column-gap: 8px } .gap-y-2 { - row-gap: 8px; + row-gap: 8px } .gap-3 { - gap: 12px; + gap: 12px } .gap-x-3 { - column-gap: 12px; + column-gap: 12px } .gap-y-3 { - row-gap: 12px; + row-gap: 12px } .gap-4 { - gap: 16px; + gap: 16px } .gap-x-4 { - column-gap: 16px; + column-gap: 16px } .gap-y-4 { - row-gap: 16px; + row-gap: 16px } .gap-5 { - gap: 20px; + gap: 20px } .gap-x-5 { - column-gap: 20px; + column-gap: 20px } .gap-y-5 { - row-gap: 20px; + row-gap: 20px } .gap-6 { - gap: 24px; + gap: 24px } .gap-x-6 { - column-gap: 24px; + column-gap: 24px } .gap-y-6 { - row-gap: 24px; + row-gap: 24px } .gap-7 { - gap: 28px; + gap: 28px } .gap-x-7 { - column-gap: 28px; + column-gap: 28px } .gap-y-7 { - row-gap: 28px; + row-gap: 28px } .gap-8 { - gap: 32px; + gap: 32px } .gap-x-8 { - column-gap: 32px; + column-gap: 32px } .gap-y-8 { - row-gap: 32px; + row-gap: 32px } .gap-9 { - gap: 36px; + gap: 36px } .gap-x-9 { - column-gap: 36px; + column-gap: 36px } .gap-y-9 { - row-gap: 36px; + row-gap: 36px } .gap-10 { - gap: 40px; + gap: 40px } .gap-x-10 { - column-gap: 40px; + column-gap: 40px } .gap-y-10 { - row-gap: 40px; + row-gap: 40px } .gap-11 { - gap: 44px; + gap: 44px } .gap-x-11 { - column-gap: 44px; + column-gap: 44px } .gap-y-11 { - row-gap: 44px; + row-gap: 44px } .gap-12 { - gap: 48px; + gap: 48px } .gap-x-12 { - column-gap: 48px; + column-gap: 48px } .gap-y-12 { - row-gap: 48px; + row-gap: 48px } .gap-13 { - gap: 52px; + gap: 52px } .gap-x-13 { - column-gap: 52px; + column-gap: 52px } .gap-y-13 { - row-gap: 52px; + row-gap: 52px } .gap-14 { - gap: 56px; + gap: 56px } .gap-x-14 { - column-gap: 56px; + column-gap: 56px } .gap-y-14 { - row-gap: 56px; + row-gap: 56px } .gap-15 { - gap: 60px; + gap: 60px } .gap-x-15 { - column-gap: 60px; + column-gap: 60px } .gap-y-15 { - row-gap: 60px; + row-gap: 60px } .gap-16 { - gap: 64px; + gap: 64px } .gap-x-16 { - column-gap: 64px; + column-gap: 64px } .gap-y-16 { - row-gap: 64px; + row-gap: 64px } -@media(min-width:600px) { +@media(min-width: 600px) { .flex-sm-1 { - flex: 1 1 0% !important; + flex: 1 1 0% !important } .flex-sm-auto { - flex: 1 1 auto !important; + flex: 1 1 auto !important } .flex-sm-initial { - flex: 0 1 auto !important; + flex: 0 1 auto !important } .flex-sm-none { - flex: none !important; + flex: none !important } .flex-sm-row { - flex-direction: row !important; + flex-direction: row !important } .flex-sm-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important } .flex-sm-column { - flex-direction: column !important; + flex-direction: column !important } .flex-sm-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important } .flex-sm-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important } .flex-sm-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important } .flex-sm-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important } .flex-sm-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important } .flex-sm-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important } .flex-sm-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important } .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important } .justify-sm-start { - justify-content: flex-start !important; + justify-content: flex-start !important } .justify-sm-end { - justify-content: flex-end !important; + justify-content: flex-end !important } .justify-sm-center { - justify-content: center !important; + justify-content: center !important } .justify-sm-space-between { - justify-content: space-between !important; + justify-content: space-between !important } .justify-sm-space-around { - justify-content: space-around !important; + justify-content: space-around !important } .justify-sm-space-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important } .order-sm-first { - order: -9999 !important; + order: -9999 !important } .order-sm-last { - order: 9999 !important; + order: 9999 !important } .order-sm-0 { - order: 0 !important; + order: 0 !important } .order-sm-1 { - order: 1 !important; + order: 1 !important } .order-sm-2 { - order: 2 !important; + order: 2 !important } .order-sm-3 { - order: 3 !important; + order: 3 !important } .order-sm-4 { - order: 4 !important; + order: 4 !important } .order-sm-5 { - order: 5 !important; + order: 5 !important } .order-sm-6 { - order: 6 !important; + order: 6 !important } .order-sm-7 { - order: 7 !important; + order: 7 !important } .order-sm-8 { - order: 8 !important; + order: 8 !important } .order-sm-9 { - order: 9 !important; + order: 9 !important } .order-sm-10 { - order: 10 !important; + order: 10 !important } .order-sm-11 { - order: 11 !important; + order: 11 !important } .order-sm-12 { - order: 12 !important; + order: 12 !important } .align-content-sm-start { - align-content: flex-start !important; + align-content: flex-start !important } .align-content-sm-end { - align-content: flex-end !important; + align-content: flex-end !important } .align-content-sm-center { - align-content: center !important; + align-content: center !important } .align-content-sm-space-between { - align-content: space-between !important; + align-content: space-between !important } .align-content-sm-space-around { - align-content: space-around !important; + align-content: space-around !important } .align-content-sm-stretch { - align-content: stretch !important; + align-content: stretch !important } .align-sm-start { - align-items: flex-start !important; + align-items: flex-start !important } .align-sm-end { - align-items: flex-end !important; + align-items: flex-end !important } .align-sm-center { - align-items: center !important; + align-items: center !important } .align-sm-baseline { - align-items: baseline !important; + align-items: baseline !important } .align-sm-stretch { - align-items: stretch !important; + align-items: stretch !important } .align-self-sm-auto { - align-self: auto !important; + align-self: auto !important } .align-self-sm-start { - align-self: flex-start !important; + align-self: flex-start !important } .align-self-sm-end { - align-self: flex-end !important; + align-self: flex-end !important } .align-self-sm-center { - align-self: center !important; + align-self: center !important } .align-self-sm-stretch { - align-self: stretch !important; + align-self: stretch !important } .gap-sm-0 { - gap: 0; + gap: 0px } .gap-x-sm-0 { - column-gap: 0; + column-gap: 0px } .gap-y-sm-0 { - row-gap: 0; + row-gap: 0px } .gap-sm-1 { - gap: 4px; + gap: 4px } .gap-x-sm-1 { - column-gap: 4px; + column-gap: 4px } .gap-y-sm-1 { - row-gap: 4px; + row-gap: 4px } .gap-sm-2 { - gap: 8px; + gap: 8px } .gap-x-sm-2 { - column-gap: 8px; + column-gap: 8px } .gap-y-sm-2 { - row-gap: 8px; + row-gap: 8px } .gap-sm-3 { - gap: 12px; + gap: 12px } .gap-x-sm-3 { - column-gap: 12px; + column-gap: 12px } .gap-y-sm-3 { - row-gap: 12px; + row-gap: 12px } .gap-sm-4 { - gap: 16px; + gap: 16px } .gap-x-sm-4 { - column-gap: 16px; + column-gap: 16px } .gap-y-sm-4 { - row-gap: 16px; + row-gap: 16px } .gap-sm-5 { - gap: 20px; + gap: 20px } .gap-x-sm-5 { - column-gap: 20px; + column-gap: 20px } .gap-y-sm-5 { - row-gap: 20px; + row-gap: 20px } .gap-sm-6 { - gap: 24px; + gap: 24px } .gap-x-sm-6 { - column-gap: 24px; + column-gap: 24px } .gap-y-sm-6 { - row-gap: 24px; + row-gap: 24px } .gap-sm-7 { - gap: 28px; + gap: 28px } .gap-x-sm-7 { - column-gap: 28px; + column-gap: 28px } .gap-y-sm-7 { - row-gap: 28px; + row-gap: 28px } .gap-sm-8 { - gap: 32px; + gap: 32px } .gap-x-sm-8 { - column-gap: 32px; + column-gap: 32px } .gap-y-sm-8 { - row-gap: 32px; + row-gap: 32px } .gap-sm-9 { - gap: 36px; + gap: 36px } .gap-x-sm-9 { - column-gap: 36px; + column-gap: 36px } .gap-y-sm-9 { - row-gap: 36px; + row-gap: 36px } .gap-sm-10 { - gap: 40px; + gap: 40px } .gap-x-sm-10 { - column-gap: 40px; + column-gap: 40px } .gap-y-sm-10 { - row-gap: 40px; + row-gap: 40px } .gap-sm-11 { - gap: 44px; + gap: 44px } .gap-x-sm-11 { - column-gap: 44px; + column-gap: 44px } .gap-y-sm-11 { - row-gap: 44px; + row-gap: 44px } .gap-sm-12 { - gap: 48px; + gap: 48px } .gap-x-sm-12 { - column-gap: 48px; + column-gap: 48px } .gap-y-sm-12 { - row-gap: 48px; + row-gap: 48px } .gap-sm-13 { - gap: 52px; + gap: 52px } .gap-x-sm-13 { - column-gap: 52px; + column-gap: 52px } .gap-y-sm-13 { - row-gap: 52px; + row-gap: 52px } .gap-sm-14 { - gap: 56px; + gap: 56px } .gap-x-sm-14 { - column-gap: 56px; + column-gap: 56px } .gap-y-sm-14 { - row-gap: 56px; + row-gap: 56px } .gap-sm-15 { - gap: 60px; + gap: 60px } .gap-x-sm-15 { - column-gap: 60px; + column-gap: 60px } .gap-y-sm-15 { - row-gap: 60px; + row-gap: 60px } .gap-sm-16 { - gap: 64px; + gap: 64px } .gap-x-sm-16 { - column-gap: 64px; + column-gap: 64px } .gap-y-sm-16 { - row-gap: 64px; + row-gap: 64px } } -@media(min-width:960px) { +@media(min-width: 960px) { .flex-md-1 { - flex: 1 1 0% !important; + flex: 1 1 0% !important } .flex-md-auto { - flex: 1 1 auto !important; + flex: 1 1 auto !important } .flex-md-initial { - flex: 0 1 auto !important; + flex: 0 1 auto !important } .flex-md-none { - flex: none !important; + flex: none !important } .flex-md-row { - flex-direction: row !important; + flex-direction: row !important } .flex-md-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important } .flex-md-column { - flex-direction: column !important; + flex-direction: column !important } .flex-md-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important } .flex-md-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important } .flex-md-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important } .flex-md-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important } .flex-md-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important } .flex-md-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important } .flex-md-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important } .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important } .justify-md-start { - justify-content: flex-start !important; + justify-content: flex-start !important } .justify-md-end { - justify-content: flex-end !important; + justify-content: flex-end !important } .justify-md-center { - justify-content: center !important; + justify-content: center !important } .justify-md-space-between { - justify-content: space-between !important; + justify-content: space-between !important } .justify-md-space-around { - justify-content: space-around !important; + justify-content: space-around !important } .justify-md-space-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important } .order-md-first { - order: -9999 !important; + order: -9999 !important } .order-md-last { - order: 9999 !important; + order: 9999 !important } .order-md-0 { - order: 0 !important; + order: 0 !important } .order-md-1 { - order: 1 !important; + order: 1 !important } .order-md-2 { - order: 2 !important; + order: 2 !important } .order-md-3 { - order: 3 !important; + order: 3 !important } .order-md-4 { - order: 4 !important; + order: 4 !important } .order-md-5 { - order: 5 !important; + order: 5 !important } .order-md-6 { - order: 6 !important; + order: 6 !important } .order-md-7 { - order: 7 !important; + order: 7 !important } .order-md-8 { - order: 8 !important; + order: 8 !important } .order-md-9 { - order: 9 !important; + order: 9 !important } .order-md-10 { - order: 10 !important; + order: 10 !important } .order-md-11 { - order: 11 !important; + order: 11 !important } .order-md-12 { - order: 12 !important; + order: 12 !important } .align-content-md-start { - align-content: flex-start !important; + align-content: flex-start !important } .align-content-md-end { - align-content: flex-end !important; + align-content: flex-end !important } .align-content-md-center { - align-content: center !important; + align-content: center !important } .align-content-md-space-between { - align-content: space-between !important; + align-content: space-between !important } .align-content-md-space-around { - align-content: space-around !important; + align-content: space-around !important } .align-content-md-stretch { - align-content: stretch !important; + align-content: stretch !important } .align-md-start { - align-items: flex-start !important; + align-items: flex-start !important } .align-md-end { - align-items: flex-end !important; + align-items: flex-end !important } .align-md-center { - align-items: center !important; + align-items: center !important } .align-md-baseline { - align-items: baseline !important; + align-items: baseline !important } .align-md-stretch { - align-items: stretch !important; + align-items: stretch !important } .align-self-md-auto { - align-self: auto !important; + align-self: auto !important } .align-self-md-start { - align-self: flex-start !important; + align-self: flex-start !important } .align-self-md-end { - align-self: flex-end !important; + align-self: flex-end !important } .align-self-md-center { - align-self: center !important; + align-self: center !important } .align-self-md-stretch { - align-self: stretch !important; + align-self: stretch !important } .gap-md-0 { - gap: 0; + gap: 0px } .gap-x-md-0 { - column-gap: 0; + column-gap: 0px } .gap-y-md-0 { - row-gap: 0; + row-gap: 0px } .gap-md-1 { - gap: 4px; + gap: 4px } .gap-x-md-1 { - column-gap: 4px; + column-gap: 4px } .gap-y-md-1 { - row-gap: 4px; + row-gap: 4px } .gap-md-2 { - gap: 8px; + gap: 8px } .gap-x-md-2 { - column-gap: 8px; + column-gap: 8px } .gap-y-md-2 { - row-gap: 8px; + row-gap: 8px } .gap-md-3 { - gap: 12px; + gap: 12px } .gap-x-md-3 { - column-gap: 12px; + column-gap: 12px } .gap-y-md-3 { - row-gap: 12px; + row-gap: 12px } .gap-md-4 { - gap: 16px; + gap: 16px } .gap-x-md-4 { - column-gap: 16px; + column-gap: 16px } .gap-y-md-4 { - row-gap: 16px; + row-gap: 16px } .gap-md-5 { - gap: 20px; + gap: 20px } .gap-x-md-5 { - column-gap: 20px; + column-gap: 20px } .gap-y-md-5 { - row-gap: 20px; + row-gap: 20px } .gap-md-6 { - gap: 24px; + gap: 24px } .gap-x-md-6 { - column-gap: 24px; + column-gap: 24px } .gap-y-md-6 { - row-gap: 24px; + row-gap: 24px } .gap-md-7 { - gap: 28px; + gap: 28px } .gap-x-md-7 { - column-gap: 28px; + column-gap: 28px } .gap-y-md-7 { - row-gap: 28px; + row-gap: 28px } .gap-md-8 { - gap: 32px; + gap: 32px } .gap-x-md-8 { - column-gap: 32px; + column-gap: 32px } .gap-y-md-8 { - row-gap: 32px; + row-gap: 32px } .gap-md-9 { - gap: 36px; + gap: 36px } .gap-x-md-9 { - column-gap: 36px; + column-gap: 36px } .gap-y-md-9 { - row-gap: 36px; + row-gap: 36px } .gap-md-10 { - gap: 40px; + gap: 40px } .gap-x-md-10 { - column-gap: 40px; + column-gap: 40px } .gap-y-md-10 { - row-gap: 40px; + row-gap: 40px } .gap-md-11 { - gap: 44px; + gap: 44px } .gap-x-md-11 { - column-gap: 44px; + column-gap: 44px } .gap-y-md-11 { - row-gap: 44px; + row-gap: 44px } .gap-md-12 { - gap: 48px; + gap: 48px } .gap-x-md-12 { - column-gap: 48px; + column-gap: 48px } .gap-y-md-12 { - row-gap: 48px; + row-gap: 48px } .gap-md-13 { - gap: 52px; + gap: 52px } .gap-x-md-13 { - column-gap: 52px; + column-gap: 52px } .gap-y-md-13 { - row-gap: 52px; + row-gap: 52px } .gap-md-14 { - gap: 56px; + gap: 56px } .gap-x-md-14 { - column-gap: 56px; + column-gap: 56px } .gap-y-md-14 { - row-gap: 56px; + row-gap: 56px } .gap-md-15 { - gap: 60px; + gap: 60px } .gap-x-md-15 { - column-gap: 60px; + column-gap: 60px } .gap-y-md-15 { - row-gap: 60px; + row-gap: 60px } .gap-md-16 { - gap: 64px; + gap: 64px } .gap-x-md-16 { - column-gap: 64px; + column-gap: 64px } .gap-y-md-16 { - row-gap: 64px; + row-gap: 64px } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .flex-lg-1 { - flex: 1 1 0% !important; + flex: 1 1 0% !important } .flex-lg-auto { - flex: 1 1 auto !important; + flex: 1 1 auto !important } .flex-lg-initial { - flex: 0 1 auto !important; + flex: 0 1 auto !important } .flex-lg-none { - flex: none !important; + flex: none !important } .flex-lg-row { - flex-direction: row !important; + flex-direction: row !important } .flex-lg-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important } .flex-lg-column { - flex-direction: column !important; + flex-direction: column !important } .flex-lg-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important } .flex-lg-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important } .flex-lg-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important } .flex-lg-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important } .flex-lg-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important } .flex-lg-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important } .flex-lg-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important } .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important } .justify-lg-start { - justify-content: flex-start !important; + justify-content: flex-start !important } .justify-lg-end { - justify-content: flex-end !important; + justify-content: flex-end !important } .justify-lg-center { - justify-content: center !important; + justify-content: center !important } .justify-lg-space-between { - justify-content: space-between !important; + justify-content: space-between !important } .justify-lg-space-around { - justify-content: space-around !important; + justify-content: space-around !important } .justify-lg-space-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important } .order-lg-first { - order: -9999 !important; + order: -9999 !important } .order-lg-last { - order: 9999 !important; + order: 9999 !important } .order-lg-0 { - order: 0 !important; + order: 0 !important } .order-lg-1 { - order: 1 !important; + order: 1 !important } .order-lg-2 { - order: 2 !important; + order: 2 !important } .order-lg-3 { - order: 3 !important; + order: 3 !important } .order-lg-4 { - order: 4 !important; + order: 4 !important } .order-lg-5 { - order: 5 !important; + order: 5 !important } .order-lg-6 { - order: 6 !important; + order: 6 !important } .order-lg-7 { - order: 7 !important; + order: 7 !important } .order-lg-8 { - order: 8 !important; + order: 8 !important } .order-lg-9 { - order: 9 !important; + order: 9 !important } .order-lg-10 { - order: 10 !important; + order: 10 !important } .order-lg-11 { - order: 11 !important; + order: 11 !important } .order-lg-12 { - order: 12 !important; + order: 12 !important } .align-content-lg-start { - align-content: flex-start !important; + align-content: flex-start !important } .align-content-lg-end { - align-content: flex-end !important; + align-content: flex-end !important } .align-content-lg-center { - align-content: center !important; + align-content: center !important } .align-content-lg-space-between { - align-content: space-between !important; + align-content: space-between !important } .align-content-lg-space-around { - align-content: space-around !important; + align-content: space-around !important } .align-content-lg-stretch { - align-content: stretch !important; + align-content: stretch !important } .align-lg-start { - align-items: flex-start !important; + align-items: flex-start !important } .align-lg-end { - align-items: flex-end !important; + align-items: flex-end !important } .align-lg-center { - align-items: center !important; + align-items: center !important } .align-lg-baseline { - align-items: baseline !important; + align-items: baseline !important } .align-lg-stretch { - align-items: stretch !important; + align-items: stretch !important } .align-self-lg-auto { - align-self: auto !important; + align-self: auto !important } .align-self-lg-start { - align-self: flex-start !important; + align-self: flex-start !important } .align-self-lg-end { - align-self: flex-end !important; + align-self: flex-end !important } .align-self-lg-center { - align-self: center !important; + align-self: center !important } .align-self-lg-stretch { - align-self: stretch !important; + align-self: stretch !important } .gap-lg-0 { - gap: 0; + gap: 0px } .gap-x-lg-0 { - column-gap: 0; + column-gap: 0px } .gap-y-lg-0 { - row-gap: 0; + row-gap: 0px } .gap-lg-1 { - gap: 4px; + gap: 4px } .gap-x-lg-1 { - column-gap: 4px; + column-gap: 4px } .gap-y-lg-1 { - row-gap: 4px; + row-gap: 4px } .gap-lg-2 { - gap: 8px; + gap: 8px } .gap-x-lg-2 { - column-gap: 8px; + column-gap: 8px } .gap-y-lg-2 { - row-gap: 8px; + row-gap: 8px } .gap-lg-3 { - gap: 12px; + gap: 12px } .gap-x-lg-3 { - column-gap: 12px; + column-gap: 12px } .gap-y-lg-3 { - row-gap: 12px; + row-gap: 12px } .gap-lg-4 { - gap: 16px; + gap: 16px } .gap-x-lg-4 { - column-gap: 16px; + column-gap: 16px } .gap-y-lg-4 { - row-gap: 16px; + row-gap: 16px } .gap-lg-5 { - gap: 20px; + gap: 20px } .gap-x-lg-5 { - column-gap: 20px; + column-gap: 20px } .gap-y-lg-5 { - row-gap: 20px; + row-gap: 20px } .gap-lg-6 { - gap: 24px; + gap: 24px } .gap-x-lg-6 { - column-gap: 24px; + column-gap: 24px } .gap-y-lg-6 { - row-gap: 24px; + row-gap: 24px } .gap-lg-7 { - gap: 28px; + gap: 28px } .gap-x-lg-7 { - column-gap: 28px; + column-gap: 28px } .gap-y-lg-7 { - row-gap: 28px; + row-gap: 28px } .gap-lg-8 { - gap: 32px; + gap: 32px } .gap-x-lg-8 { - column-gap: 32px; + column-gap: 32px } .gap-y-lg-8 { - row-gap: 32px; + row-gap: 32px } .gap-lg-9 { - gap: 36px; + gap: 36px } .gap-x-lg-9 { - column-gap: 36px; + column-gap: 36px } .gap-y-lg-9 { - row-gap: 36px; + row-gap: 36px } .gap-lg-10 { - gap: 40px; + gap: 40px } .gap-x-lg-10 { - column-gap: 40px; + column-gap: 40px } .gap-y-lg-10 { - row-gap: 40px; + row-gap: 40px } .gap-lg-11 { - gap: 44px; + gap: 44px } .gap-x-lg-11 { - column-gap: 44px; + column-gap: 44px } .gap-y-lg-11 { - row-gap: 44px; + row-gap: 44px } .gap-lg-12 { - gap: 48px; + gap: 48px } .gap-x-lg-12 { - column-gap: 48px; + column-gap: 48px } .gap-y-lg-12 { - row-gap: 48px; + row-gap: 48px } .gap-lg-13 { - gap: 52px; + gap: 52px } .gap-x-lg-13 { - column-gap: 52px; + column-gap: 52px } .gap-y-lg-13 { - row-gap: 52px; + row-gap: 52px } .gap-lg-14 { - gap: 56px; + gap: 56px } .gap-x-lg-14 { - column-gap: 56px; + column-gap: 56px } .gap-y-lg-14 { - row-gap: 56px; + row-gap: 56px } .gap-lg-15 { - gap: 60px; + gap: 60px } .gap-x-lg-15 { - column-gap: 60px; + column-gap: 60px } .gap-y-lg-15 { - row-gap: 60px; + row-gap: 60px } .gap-lg-16 { - gap: 64px; + gap: 64px } .gap-x-lg-16 { - column-gap: 64px; + column-gap: 64px } .gap-y-lg-16 { - row-gap: 64px; + row-gap: 64px } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .flex-xl-1 { - flex: 1 1 0% !important; + flex: 1 1 0% !important } .flex-xl-auto { - flex: 1 1 auto !important; + flex: 1 1 auto !important } .flex-xl-initial { - flex: 0 1 auto !important; + flex: 0 1 auto !important } .flex-xl-none { - flex: none !important; + flex: none !important } .flex-xl-row { - flex-direction: row !important; + flex-direction: row !important } .flex-xl-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important } .flex-xl-column { - flex-direction: column !important; + flex-direction: column !important } .flex-xl-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important } .flex-xl-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important } .flex-xl-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important } .flex-xl-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important } .flex-xl-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important } .flex-xl-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important } .flex-xl-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important } .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important } .justify-xl-start { - justify-content: flex-start !important; + justify-content: flex-start !important } .justify-xl-end { - justify-content: flex-end !important; + justify-content: flex-end !important } .justify-xl-center { - justify-content: center !important; + justify-content: center !important } .justify-xl-space-between { - justify-content: space-between !important; + justify-content: space-between !important } .justify-xl-space-around { - justify-content: space-around !important; + justify-content: space-around !important } .justify-xl-space-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important } .order-xl-first { - order: -9999 !important; + order: -9999 !important } .order-xl-last { - order: 9999 !important; + order: 9999 !important } .order-xl-0 { - order: 0 !important; + order: 0 !important } .order-xl-1 { - order: 1 !important; + order: 1 !important } .order-xl-2 { - order: 2 !important; + order: 2 !important } .order-xl-3 { - order: 3 !important; + order: 3 !important } .order-xl-4 { - order: 4 !important; + order: 4 !important } .order-xl-5 { - order: 5 !important; + order: 5 !important } .order-xl-6 { - order: 6 !important; + order: 6 !important } .order-xl-7 { - order: 7 !important; + order: 7 !important } .order-xl-8 { - order: 8 !important; + order: 8 !important } .order-xl-9 { - order: 9 !important; + order: 9 !important } .order-xl-10 { - order: 10 !important; + order: 10 !important } .order-xl-11 { - order: 11 !important; + order: 11 !important } .order-xl-12 { - order: 12 !important; + order: 12 !important } .align-content-xl-start { - align-content: flex-start !important; + align-content: flex-start !important } .align-content-xl-end { - align-content: flex-end !important; + align-content: flex-end !important } .align-content-xl-center { - align-content: center !important; + align-content: center !important } .align-content-xl-space-between { - align-content: space-between !important; + align-content: space-between !important } .align-content-xl-space-around { - align-content: space-around !important; + align-content: space-around !important } .align-content-xl-stretch { - align-content: stretch !important; + align-content: stretch !important } .align-xl-start { - align-items: flex-start !important; + align-items: flex-start !important } .align-xl-end { - align-items: flex-end !important; + align-items: flex-end !important } .align-xl-center { - align-items: center !important; + align-items: center !important } .align-xl-baseline { - align-items: baseline !important; + align-items: baseline !important } .align-xl-stretch { - align-items: stretch !important; + align-items: stretch !important } .align-self-xl-auto { - align-self: auto !important; + align-self: auto !important } .align-self-xl-start { - align-self: flex-start !important; + align-self: flex-start !important } .align-self-xl-end { - align-self: flex-end !important; + align-self: flex-end !important } .align-self-xl-center { - align-self: center !important; + align-self: center !important } .align-self-xl-stretch { - align-self: stretch !important; + align-self: stretch !important } .gap-xl-0 { - gap: 0; + gap: 0px } .gap-x-xl-0 { - column-gap: 0; + column-gap: 0px } .gap-y-xl-0 { - row-gap: 0; + row-gap: 0px } .gap-xl-1 { - gap: 4px; + gap: 4px } .gap-x-xl-1 { - column-gap: 4px; + column-gap: 4px } .gap-y-xl-1 { - row-gap: 4px; + row-gap: 4px } .gap-xl-2 { - gap: 8px; + gap: 8px } .gap-x-xl-2 { - column-gap: 8px; + column-gap: 8px } .gap-y-xl-2 { - row-gap: 8px; + row-gap: 8px } .gap-xl-3 { - gap: 12px; + gap: 12px } .gap-x-xl-3 { - column-gap: 12px; + column-gap: 12px } .gap-y-xl-3 { - row-gap: 12px; + row-gap: 12px } .gap-xl-4 { - gap: 16px; + gap: 16px } .gap-x-xl-4 { - column-gap: 16px; + column-gap: 16px } .gap-y-xl-4 { - row-gap: 16px; + row-gap: 16px } .gap-xl-5 { - gap: 20px; + gap: 20px } .gap-x-xl-5 { - column-gap: 20px; + column-gap: 20px } .gap-y-xl-5 { - row-gap: 20px; + row-gap: 20px } .gap-xl-6 { - gap: 24px; + gap: 24px } .gap-x-xl-6 { - column-gap: 24px; + column-gap: 24px } .gap-y-xl-6 { - row-gap: 24px; + row-gap: 24px } .gap-xl-7 { - gap: 28px; + gap: 28px } .gap-x-xl-7 { - column-gap: 28px; + column-gap: 28px } .gap-y-xl-7 { - row-gap: 28px; + row-gap: 28px } .gap-xl-8 { - gap: 32px; + gap: 32px } .gap-x-xl-8 { - column-gap: 32px; + column-gap: 32px } .gap-y-xl-8 { - row-gap: 32px; + row-gap: 32px } .gap-xl-9 { - gap: 36px; + gap: 36px } .gap-x-xl-9 { - column-gap: 36px; + column-gap: 36px } .gap-y-xl-9 { - row-gap: 36px; + row-gap: 36px } .gap-xl-10 { - gap: 40px; + gap: 40px } .gap-x-xl-10 { - column-gap: 40px; + column-gap: 40px } .gap-y-xl-10 { - row-gap: 40px; + row-gap: 40px } .gap-xl-11 { - gap: 44px; + gap: 44px } .gap-x-xl-11 { - column-gap: 44px; + column-gap: 44px } .gap-y-xl-11 { - row-gap: 44px; + row-gap: 44px } .gap-xl-12 { - gap: 48px; + gap: 48px } .gap-x-xl-12 { - column-gap: 48px; + column-gap: 48px } .gap-y-xl-12 { - row-gap: 48px; + row-gap: 48px } .gap-xl-13 { - gap: 52px; + gap: 52px } .gap-x-xl-13 { - column-gap: 52px; + column-gap: 52px } .gap-y-xl-13 { - row-gap: 52px; + row-gap: 52px } .gap-xl-14 { - gap: 56px; + gap: 56px } .gap-x-xl-14 { - column-gap: 56px; + column-gap: 56px } .gap-y-xl-14 { - row-gap: 56px; + row-gap: 56px } .gap-xl-15 { - gap: 60px; + gap: 60px } .gap-x-xl-15 { - column-gap: 60px; + column-gap: 60px } .gap-y-xl-15 { - row-gap: 60px; + row-gap: 60px } .gap-xl-16 { - gap: 64px; + gap: 64px } .gap-x-xl-16 { - column-gap: 64px; + column-gap: 64px } .gap-y-xl-16 { - row-gap: 64px; + row-gap: 64px } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .flex-xxl-1 { - flex: 1 1 0% !important; + flex: 1 1 0% !important } .flex-xxl-auto { - flex: 1 1 auto !important; + flex: 1 1 auto !important } .flex-xxl-initial { - flex: 0 1 auto !important; + flex: 0 1 auto !important } .flex-xxl-none { - flex: none !important; + flex: none !important } .flex-xxl-row { - flex-direction: row !important; + flex-direction: row !important } .flex-xxl-row-reverse { - flex-direction: row-reverse !important; + flex-direction: row-reverse !important } .flex-xxl-column { - flex-direction: column !important; + flex-direction: column !important } .flex-xxl-column-reverse { - flex-direction: column-reverse !important; + flex-direction: column-reverse !important } .flex-xxl-grow-0 { - flex-grow: 0 !important; + flex-grow: 0 !important } .flex-xxl-grow-1 { - flex-grow: 1 !important; + flex-grow: 1 !important } .flex-xxl-shrink-0 { - flex-shrink: 0 !important; + flex-shrink: 0 !important } .flex-xxl-shrink-1 { - flex-shrink: 1 !important; + flex-shrink: 1 !important } .flex-xxl-wrap { - flex-wrap: wrap !important; + flex-wrap: wrap !important } .flex-xxl-nowrap { - flex-wrap: nowrap !important; + flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important } .justify-xxl-start { - justify-content: flex-start !important; + justify-content: flex-start !important } .justify-xxl-end { - justify-content: flex-end !important; + justify-content: flex-end !important } .justify-xxl-center { - justify-content: center !important; + justify-content: center !important } .justify-xxl-space-between { - justify-content: space-between !important; + justify-content: space-between !important } .justify-xxl-space-around { - justify-content: space-around !important; + justify-content: space-around !important } .justify-xxl-space-evenly { - justify-content: space-evenly !important; + justify-content: space-evenly !important } .order-xxl-first { - order: -9999 !important; + order: -9999 !important } .order-xxl-last { - order: 9999 !important; + order: 9999 !important } .order-xxl-0 { - order: 0 !important; + order: 0 !important } .order-xxl-1 { - order: 1 !important; + order: 1 !important } .order-xxl-2 { - order: 2 !important; + order: 2 !important } .order-xxl-3 { - order: 3 !important; + order: 3 !important } .order-xxl-4 { - order: 4 !important; + order: 4 !important } .order-xxl-5 { - order: 5 !important; + order: 5 !important } .order-xxl-6 { - order: 6 !important; + order: 6 !important } .order-xxl-7 { - order: 7 !important; + order: 7 !important } .order-xxl-8 { - order: 8 !important; + order: 8 !important } .order-xxl-9 { - order: 9 !important; + order: 9 !important } .order-xxl-10 { - order: 10 !important; + order: 10 !important } .order-xxl-11 { - order: 11 !important; + order: 11 !important } .order-xxl-12 { - order: 12 !important; + order: 12 !important } .align-content-xxl-start { - align-content: flex-start !important; + align-content: flex-start !important } .align-content-xxl-end { - align-content: flex-end !important; + align-content: flex-end !important } .align-content-xxl-center { - align-content: center !important; + align-content: center !important } .align-content-xxl-space-between { - align-content: space-between !important; + align-content: space-between !important } .align-content-xxl-space-around { - align-content: space-around !important; + align-content: space-around !important } .align-content-xxl-stretch { - align-content: stretch !important; + align-content: stretch !important } .align-xxl-start { - align-items: flex-start !important; + align-items: flex-start !important } .align-xxl-end { - align-items: flex-end !important; + align-items: flex-end !important } .align-xxl-center { - align-items: center !important; + align-items: center !important } .align-xxl-baseline { - align-items: baseline !important; + align-items: baseline !important } .align-xxl-stretch { - align-items: stretch !important; + align-items: stretch !important } .align-self-xxl-auto { - align-self: auto !important; + align-self: auto !important } .align-self-xxl-start { - align-self: flex-start !important; + align-self: flex-start !important } .align-self-xxl-end { - align-self: flex-end !important; + align-self: flex-end !important } .align-self-xxl-center { - align-self: center !important; + align-self: center !important } .align-self-xxl-stretch { - align-self: stretch !important; + align-self: stretch !important } .gap-xxl-0 { - gap: 0; + gap: 0px } .gap-x-xxl-0 { - column-gap: 0; + column-gap: 0px } .gap-y-xxl-0 { - row-gap: 0; + row-gap: 0px } .gap-xxl-1 { - gap: 4px; + gap: 4px } .gap-x-xxl-1 { - column-gap: 4px; + column-gap: 4px } .gap-y-xxl-1 { - row-gap: 4px; + row-gap: 4px } .gap-xxl-2 { - gap: 8px; + gap: 8px } .gap-x-xxl-2 { - column-gap: 8px; + column-gap: 8px } .gap-y-xxl-2 { - row-gap: 8px; + row-gap: 8px } .gap-xxl-3 { - gap: 12px; + gap: 12px } .gap-x-xxl-3 { - column-gap: 12px; + column-gap: 12px } .gap-y-xxl-3 { - row-gap: 12px; + row-gap: 12px } .gap-xxl-4 { - gap: 16px; + gap: 16px } .gap-x-xxl-4 { - column-gap: 16px; + column-gap: 16px } .gap-y-xxl-4 { - row-gap: 16px; + row-gap: 16px } .gap-xxl-5 { - gap: 20px; + gap: 20px } .gap-x-xxl-5 { - column-gap: 20px; + column-gap: 20px } .gap-y-xxl-5 { - row-gap: 20px; + row-gap: 20px } .gap-xxl-6 { - gap: 24px; + gap: 24px } .gap-x-xxl-6 { - column-gap: 24px; + column-gap: 24px } .gap-y-xxl-6 { - row-gap: 24px; + row-gap: 24px } .gap-xxl-7 { - gap: 28px; + gap: 28px } .gap-x-xxl-7 { - column-gap: 28px; + column-gap: 28px } .gap-y-xxl-7 { - row-gap: 28px; + row-gap: 28px } .gap-xxl-8 { - gap: 32px; + gap: 32px } .gap-x-xxl-8 { - column-gap: 32px; + column-gap: 32px } .gap-y-xxl-8 { - row-gap: 32px; + row-gap: 32px } .gap-xxl-9 { - gap: 36px; + gap: 36px } .gap-x-xxl-9 { - column-gap: 36px; + column-gap: 36px } .gap-y-xxl-9 { - row-gap: 36px; + row-gap: 36px } .gap-xxl-10 { - gap: 40px; + gap: 40px } .gap-x-xxl-10 { - column-gap: 40px; + column-gap: 40px } .gap-y-xxl-10 { - row-gap: 40px; + row-gap: 40px } .gap-xxl-11 { - gap: 44px; + gap: 44px } .gap-x-xxl-11 { - column-gap: 44px; + column-gap: 44px } .gap-y-xxl-11 { - row-gap: 44px; + row-gap: 44px } .gap-xxl-12 { - gap: 48px; + gap: 48px } .gap-x-xxl-12 { - column-gap: 48px; + column-gap: 48px } .gap-y-xxl-12 { - row-gap: 48px; + row-gap: 48px } .gap-xxl-13 { - gap: 52px; + gap: 52px } .gap-x-xxl-13 { - column-gap: 52px; + column-gap: 52px } .gap-y-xxl-13 { - row-gap: 52px; + row-gap: 52px } .gap-xxl-14 { - gap: 56px; + gap: 56px } .gap-x-xxl-14 { - column-gap: 56px; + column-gap: 56px } .gap-y-xxl-14 { - row-gap: 56px; + row-gap: 56px } .gap-xxl-15 { - gap: 60px; + gap: 60px } .gap-x-xxl-15 { - column-gap: 60px; + column-gap: 60px } .gap-y-xxl-15 { - row-gap: 60px; + row-gap: 60px } .gap-xxl-16 { - gap: 64px; + gap: 64px } .gap-x-xxl-16 { - column-gap: 64px; + column-gap: 64px } .gap-y-xxl-16 { - row-gap: 64px; + row-gap: 64px } } .cursor-auto { - cursor: auto !important; + cursor: auto !important } .cursor-default { - cursor: default !important; + cursor: default !important } .cursor-pointer { - cursor: pointer !important; + cursor: pointer !important } .cursor-wait { - cursor: wait !important; + cursor: wait !important } .cursor-text { - cursor: text !important; + cursor: text !important } .cursor-move { - cursor: move !important; + cursor: move !important } .cursor-help { - cursor: help !important; + cursor: help !important } .cursor-not-allowed { - cursor: not-allowed !important; + cursor: not-allowed !important } .cursor-none { - cursor: none !important; + cursor: none !important } .cursor-progress { - cursor: progress !important; + cursor: progress !important } .cursor-cell { - cursor: cell !important; + cursor: cell !important } .cursor-crosshair { - cursor: crosshair !important; + cursor: crosshair !important } .cursor-vertical-text { - cursor: vertical-text !important; + cursor: vertical-text !important } .cursor-alias { - cursor: alias !important; + cursor: alias !important } .cursor-copy { - cursor: copy !important; + cursor: copy !important } .cursor-no-drop { - cursor: no-drop !important; + cursor: no-drop !important } .cursor-grab { - cursor: grab !important; + cursor: grab !important } .cursor-grabbing { - cursor: grabbing !important; + cursor: grabbing !important } .cursor-all-scroll { - cursor: all-scroll !important; + cursor: all-scroll !important } .cursor-col-resize { - cursor: col-resize !important; + cursor: col-resize !important } .cursor-row-resize { - cursor: row-resize !important; + cursor: row-resize !important } .cursor-n-resize { - cursor: n-resize !important; + cursor: n-resize !important } .cursor-w-resize { - cursor: w-resize !important; + cursor: w-resize !important } .cursor-zoom-in { - cursor: zoom-in !important; + cursor: zoom-in !important } .cursor-zoom-out { - cursor: zoom-out !important; + cursor: zoom-out !important } .cursor-url { - cursor: url !important; + cursor: url !important } .pointer-events-none { - pointer-events: none; + pointer-events: none } .pointer-events-auto { - pointer-events: auto; + pointer-events: auto } .d-none { - display: none !important; + display: none !important } .d-inline { - display: inline !important; + display: inline !important } .d-inline-block { - display: inline-block !important; + display: inline-block !important } .d-block { - display: block !important; + display: block !important } .d-table { - display: table !important; + display: table !important } .d-table-row { - display: table-row !important; + display: table-row !important } .d-table-cell { - display: table-cell !important; + display: table-cell !important } .d-flex { - display: flex !important; + display: flex !important } .d-inline-flex { - display: inline-flex !important; + display: inline-flex !important } -@media(min-width:600px) { +@media(min-width: 600px) { .d-sm-none { - display: none !important; + display: none !important } .d-sm-inline { - display: inline !important; + display: inline !important } .d-sm-inline-block { - display: inline-block !important; + display: inline-block !important } .d-sm-block { - display: block !important; + display: block !important } .d-sm-table { - display: table !important; + display: table !important } .d-sm-table-row { - display: table-row !important; + display: table-row !important } .d-sm-table-cell { - display: table-cell !important; + display: table-cell !important } .d-sm-flex { - display: flex !important; + display: flex !important } .d-sm-inline-flex { - display: inline-flex !important; + display: inline-flex !important } } -@media(min-width:960px) { +@media(min-width: 960px) { .d-md-none { - display: none !important; + display: none !important } .d-md-inline { - display: inline !important; + display: inline !important } .d-md-inline-block { - display: inline-block !important; + display: inline-block !important } .d-md-block { - display: block !important; + display: block !important } .d-md-table { - display: table !important; + display: table !important } .d-md-table-row { - display: table-row !important; + display: table-row !important } .d-md-table-cell { - display: table-cell !important; + display: table-cell !important } .d-md-flex { - display: flex !important; + display: flex !important } .d-md-inline-flex { - display: inline-flex !important; + display: inline-flex !important } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .d-lg-none { - display: none !important; + display: none !important } .d-lg-inline { - display: inline !important; + display: inline !important } .d-lg-inline-block { - display: inline-block !important; + display: inline-block !important } .d-lg-block { - display: block !important; + display: block !important } .d-lg-table { - display: table !important; + display: table !important } .d-lg-table-row { - display: table-row !important; + display: table-row !important } .d-lg-table-cell { - display: table-cell !important; + display: table-cell !important } .d-lg-flex { - display: flex !important; + display: flex !important } .d-lg-inline-flex { - display: inline-flex !important; + display: inline-flex !important } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .d-xl-none { - display: none !important; + display: none !important } .d-xl-inline { - display: inline !important; + display: inline !important } .d-xl-inline-block { - display: inline-block !important; + display: inline-block !important } .d-xl-block { - display: block !important; + display: block !important } .d-xl-table { - display: table !important; + display: table !important } .d-xl-table-row { - display: table-row !important; + display: table-row !important } .d-xl-table-cell { - display: table-cell !important; + display: table-cell !important } .d-xl-flex { - display: flex !important; + display: flex !important } .d-xl-inline-flex { - display: inline-flex !important; + display: inline-flex !important } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .d-xxl-none { - display: none !important; + display: none !important } .d-xxl-inline { - display: inline !important; + display: inline !important } .d-xxl-inline-block { - display: inline-block !important; + display: inline-block !important } .d-xxl-block { - display: block !important; + display: block !important } .d-xxl-table { - display: table !important; + display: table !important } .d-xxl-table-row { - display: table-row !important; + display: table-row !important } .d-xxl-table-cell { - display: table-cell !important; + display: table-cell !important } .d-xxl-flex { - display: flex !important; + display: flex !important } .d-xxl-inline-flex { - display: inline-flex !important; + display: inline-flex !important } } .object-none { - object-fit: none; + object-fit: none } .object-cover { - object-fit: cover; + object-fit: cover } .object-contain { - object-fit: contain; + object-fit: contain } .object-fill { - object-fit: fill; + object-fit: fill } .object-scale-down { - object-fit: scale-down; + object-fit: scale-down } .object-center { - object-position: center; + object-position: center } .object-top { - object-position: top; + object-position: top } .object-bottom { - object-position: bottom; + object-position: bottom } .object-left { - object-position: left; + object-position: left } .object-left-top { - object-position: left top; + object-position: left top } .object-left-bottom { - object-position: left bottom; + object-position: left bottom } .object-right { - object-position: right; + object-position: right } .object-right-top { - object-position: right top; + object-position: right top } .object-right-bottom { - object-position: right bottom; + object-position: right bottom } .overflow-auto { - overflow: auto; + overflow: auto } .overflow-hidden { - overflow: hidden; + overflow: hidden } .overflow-visible { - overflow: visible; + overflow: visible } .overflow-scroll { - overflow: scroll; + overflow: scroll } .overflow-x-auto { - overflow-x: auto; + overflow-x: auto } .overflow-y-auto { - overflow-y: auto; + overflow-y: auto } .overflow-x-hidden { - overflow-x: hidden; + overflow-x: hidden } .overflow-y-hidden { - overflow-y: hidden; + overflow-y: hidden } .overflow-x-visible { - overflow-x: visible; + overflow-x: visible } .overflow-y-visible { - overflow-y: visible; + overflow-y: visible } .overflow-x-scroll { - overflow-x: scroll; + overflow-x: scroll } .overflow-y-scroll { - overflow-y: scroll; + overflow-y: scroll } .absolute { - position: absolute; + position: absolute !important } .fixed { - position: fixed; + position: fixed !important } .relative { - position: relative; + position: relative !important } .static { - position: static; + position: static !important } .sticky { - position: sticky; + position: sticky !important } .visible { - visibility: visible; + visibility: visible } .invisible { - visibility: hidden; + visibility: hidden +} + +[hidden] { + display: none !important } .z-0 { - z-index: 0; + z-index: 0 } .z-10 { - z-index: 10; + z-index: 10 } .z-20 { - z-index: 20; + z-index: 20 } .z-30 { - z-index: 30; + z-index: 30 } .z-40 { - z-index: 40; + z-index: 40 } .z-50 { - z-index: 50; + z-index: 50 } .z-60 { - z-index: 60; + z-index: 60 } .z-70 { - z-index: 70; + z-index: 70 } .z-80 { - z-index: 80; + z-index: 80 } .z-90 { - z-index: 90; + z-index: 90 } .z-100 { - z-index: 100; + z-index: 100 } .z-auto { - z-index: auto; + z-index: auto } .mt-0, .my-0 { - margin-top: 0 !important; + margin-top: 0 !important } .mr-0, .mx-0 { - margin-right: 0 !important; + margin-right: 0 !important } .ml-0, .mx-0 { - margin-left: 0 !important; + margin-left: 0 !important } .mb-0, .my-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important } .ms-0 { - margin-inline-start: 0 !important; + margin-inline-start: 0 !important } .me-0 { - margin-inline-end: 0 !important; + margin-inline-end: 0 !important } .ma-0 { - margin: 0 !important; + margin: 0 !important } .mt-1, .my-1 { - margin-top: 4px !important; + margin-top: 4px !important } .mr-1, .mx-1 { - margin-right: 4px !important; + margin-right: 4px !important } .ml-1, .mx-1 { - margin-left: 4px !important; + margin-left: 4px !important } .mb-1, .my-1 { - margin-bottom: 4px !important; + margin-bottom: 4px !important } .ms-1 { - margin-inline-start: 4px !important; + margin-inline-start: 4px !important } .me-1 { - margin-inline-end: 4px !important; + margin-inline-end: 4px !important } .ma-1 { - margin: 4px !important; + margin: 4px !important } .mt-2, .my-2 { - margin-top: 8px !important; + margin-top: 8px !important } .mr-2, .mx-2 { - margin-right: 8px !important; + margin-right: 8px !important } .ml-2, .mx-2 { - margin-left: 8px !important; + margin-left: 8px !important } .mb-2, .my-2 { - margin-bottom: 8px !important; + margin-bottom: 8px !important } .ms-2 { - margin-inline-start: 8px !important; + margin-inline-start: 8px !important } .me-2 { - margin-inline-end: 8px !important; + margin-inline-end: 8px !important } .ma-2 { - margin: 8px !important; + margin: 8px !important } .mt-3, .my-3 { - margin-top: 12px !important; + margin-top: 12px !important } .mr-3, .mx-3 { - margin-right: 12px !important; + margin-right: 12px !important } .ml-3, .mx-3 { - margin-left: 12px !important; + margin-left: 12px !important } .mb-3, .my-3 { - margin-bottom: 12px !important; + margin-bottom: 12px !important } .ms-3 { - margin-inline-start: 12px !important; + margin-inline-start: 12px !important } .me-3 { - margin-inline-end: 12px !important; + margin-inline-end: 12px !important } .ma-3 { - margin: 12px !important; + margin: 12px !important } .mt-4, .my-4 { - margin-top: 16px !important; + margin-top: 16px !important } .mr-4, .mx-4 { - margin-right: 16px !important; + margin-right: 16px !important } .ml-4, .mx-4 { - margin-left: 16px !important; + margin-left: 16px !important } .mb-4, .my-4 { - margin-bottom: 16px !important; + margin-bottom: 16px !important } .ms-4 { - margin-inline-start: 16px !important; + margin-inline-start: 16px !important } .me-4 { - margin-inline-end: 16px !important; + margin-inline-end: 16px !important } .ma-4 { - margin: 16px !important; + margin: 16px !important } .mt-5, .my-5 { - margin-top: 20px !important; + margin-top: 20px !important } .mr-5, .mx-5 { - margin-right: 20px !important; + margin-right: 20px !important } .ml-5, .mx-5 { - margin-left: 20px !important; + margin-left: 20px !important } .mb-5, .my-5 { - margin-bottom: 20px !important; + margin-bottom: 20px !important } .ms-5 { - margin-inline-start: 20px !important; + margin-inline-start: 20px !important } .me-5 { - margin-inline-end: 20px !important; + margin-inline-end: 20px !important } .ma-5 { - margin: 20px !important; + margin: 20px !important } .mt-6, .my-6 { - margin-top: 24px !important; + margin-top: 24px !important } .mr-6, .mx-6 { - margin-right: 24px !important; + margin-right: 24px !important } .ml-6, .mx-6 { - margin-left: 24px !important; + margin-left: 24px !important } .mb-6, .my-6 { - margin-bottom: 24px !important; + margin-bottom: 24px !important } .ms-6 { - margin-inline-start: 24px !important; + margin-inline-start: 24px !important } .me-6 { - margin-inline-end: 24px !important; + margin-inline-end: 24px !important } .ma-6 { - margin: 24px !important; + margin: 24px !important } .mt-7, .my-7 { - margin-top: 28px !important; + margin-top: 28px !important } .mr-7, .mx-7 { - margin-right: 28px !important; + margin-right: 28px !important } .ml-7, .mx-7 { - margin-left: 28px !important; + margin-left: 28px !important } .mb-7, .my-7 { - margin-bottom: 28px !important; + margin-bottom: 28px !important } .ms-7 { - margin-inline-start: 28px !important; + margin-inline-start: 28px !important } .me-7 { - margin-inline-end: 28px !important; + margin-inline-end: 28px !important } .ma-7 { - margin: 28px !important; + margin: 28px !important } .mt-8, .my-8 { - margin-top: 32px !important; + margin-top: 32px !important } .mr-8, .mx-8 { - margin-right: 32px !important; + margin-right: 32px !important } .ml-8, .mx-8 { - margin-left: 32px !important; + margin-left: 32px !important } .mb-8, .my-8 { - margin-bottom: 32px !important; + margin-bottom: 32px !important } .ms-8 { - margin-inline-start: 32px !important; + margin-inline-start: 32px !important } .me-8 { - margin-inline-end: 32px !important; + margin-inline-end: 32px !important } .ma-8 { - margin: 32px !important; + margin: 32px !important } .mt-9, .my-9 { - margin-top: 36px !important; + margin-top: 36px !important } .mr-9, .mx-9 { - margin-right: 36px !important; + margin-right: 36px !important } .ml-9, .mx-9 { - margin-left: 36px !important; + margin-left: 36px !important } .mb-9, .my-9 { - margin-bottom: 36px !important; + margin-bottom: 36px !important } .ms-9 { - margin-inline-start: 36px !important; + margin-inline-start: 36px !important } .me-9 { - margin-inline-end: 36px !important; + margin-inline-end: 36px !important } .ma-9 { - margin: 36px !important; + margin: 36px !important } .mt-10, .my-10 { - margin-top: 40px !important; + margin-top: 40px !important } .mr-10, .mx-10 { - margin-right: 40px !important; + margin-right: 40px !important } .ml-10, .mx-10 { - margin-left: 40px !important; + margin-left: 40px !important } .mb-10, .my-10 { - margin-bottom: 40px !important; + margin-bottom: 40px !important } .ms-10 { - margin-inline-start: 40px !important; + margin-inline-start: 40px !important } .me-10 { - margin-inline-end: 40px !important; + margin-inline-end: 40px !important } .ma-10 { - margin: 40px !important; + margin: 40px !important } .mt-11, .my-11 { - margin-top: 44px !important; + margin-top: 44px !important } .mr-11, .mx-11 { - margin-right: 44px !important; + margin-right: 44px !important } .ml-11, .mx-11 { - margin-left: 44px !important; + margin-left: 44px !important } .mb-11, .my-11 { - margin-bottom: 44px !important; + margin-bottom: 44px !important } .ms-11 { - margin-inline-start: 44px !important; + margin-inline-start: 44px !important } .me-11 { - margin-inline-end: 44px !important; + margin-inline-end: 44px !important } .ma-11 { - margin: 44px !important; + margin: 44px !important } .mt-12, .my-12 { - margin-top: 48px !important; + margin-top: 48px !important } .mr-12, .mx-12 { - margin-right: 48px !important; + margin-right: 48px !important } .ml-12, .mx-12 { - margin-left: 48px !important; + margin-left: 48px !important } .mb-12, .my-12 { - margin-bottom: 48px !important; + margin-bottom: 48px !important } .ms-12 { - margin-inline-start: 48px !important; + margin-inline-start: 48px !important } .me-12 { - margin-inline-end: 48px !important; + margin-inline-end: 48px !important } .ma-12 { - margin: 48px !important; + margin: 48px !important } .mt-13, .my-13 { - margin-top: 52px !important; + margin-top: 52px !important } .mr-13, .mx-13 { - margin-right: 52px !important; + margin-right: 52px !important } .ml-13, .mx-13 { - margin-left: 52px !important; + margin-left: 52px !important } .mb-13, .my-13 { - margin-bottom: 52px !important; + margin-bottom: 52px !important } .ms-13 { - margin-inline-start: 52px !important; + margin-inline-start: 52px !important } .me-13 { - margin-inline-end: 52px !important; + margin-inline-end: 52px !important } .ma-13 { - margin: 52px !important; + margin: 52px !important } .mt-14, .my-14 { - margin-top: 56px !important; + margin-top: 56px !important } .mr-14, .mx-14 { - margin-right: 56px !important; + margin-right: 56px !important } .ml-14, .mx-14 { - margin-left: 56px !important; + margin-left: 56px !important } .mb-14, .my-14 { - margin-bottom: 56px !important; + margin-bottom: 56px !important } .ms-14 { - margin-inline-start: 56px !important; + margin-inline-start: 56px !important } .me-14 { - margin-inline-end: 56px !important; + margin-inline-end: 56px !important } .ma-14 { - margin: 56px !important; + margin: 56px !important } .mt-15, .my-15 { - margin-top: 60px !important; + margin-top: 60px !important } .mr-15, .mx-15 { - margin-right: 60px !important; + margin-right: 60px !important } .ml-15, .mx-15 { - margin-left: 60px !important; + margin-left: 60px !important } .mb-15, .my-15 { - margin-bottom: 60px !important; + margin-bottom: 60px !important } .ms-15 { - margin-inline-start: 60px !important; + margin-inline-start: 60px !important } .me-15 { - margin-inline-end: 60px !important; + margin-inline-end: 60px !important } .ma-15 { - margin: 60px !important; + margin: 60px !important } .mt-16, .my-16 { - margin-top: 64px !important; + margin-top: 64px !important } .mr-16, .mx-16 { - margin-right: 64px !important; + margin-right: 64px !important } .ml-16, .mx-16 { - margin-left: 64px !important; + margin-left: 64px !important } .mb-16, .my-16 { - margin-bottom: 64px !important; + margin-bottom: 64px !important } .ms-16 { - margin-inline-start: 64px !important; + margin-inline-start: 64px !important } .me-16 { - margin-inline-end: 64px !important; + margin-inline-end: 64px !important } .ma-16 { - margin: 64px !important; + margin: 64px !important } .mt-auto, .my-auto { - margin-top: auto !important; + margin-top: auto !important } .mr-auto, .mx-auto { - margin-right: auto !important; + margin-right: auto !important } .ml-auto, .mx-auto { - margin-left: auto !important; + margin-left: auto !important } .mb-auto, .my-auto { - margin-bottom: auto !important; + margin-bottom: auto !important } .ms-auto { - margin-inline-start: auto !important; + margin-inline-start: auto !important } .me-auto { - margin-inline-end: auto !important; + margin-inline-end: auto !important } .ma-auto { - margin: auto !important; + margin: auto !important } .pt-0, .py-0 { - padding-top: 0 !important; + padding-top: 0 !important } .pr-0, .px-0 { - padding-right: 0 !important; + padding-right: 0 !important } .pl-0, .px-0 { - padding-left: 0 !important; + padding-left: 0 !important } .pb-0, .py-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important } .ps-0 { - padding-inline-start: 0 !important; + padding-inline-start: 0 !important } .pe-0 { - padding-inline-end: 0 !important; + padding-inline-end: 0 !important } .pa-0 { - padding: 0 !important; + padding: 0 !important } .pt-1, .py-1 { - padding-top: 4px !important; + padding-top: 4px !important } .pr-1, .px-1 { - padding-right: 4px !important; + padding-right: 4px !important } .pl-1, .px-1 { - padding-left: 4px !important; + padding-left: 4px !important } .pb-1, .py-1 { - padding-bottom: 4px !important; + padding-bottom: 4px !important } .ps-1 { - padding-inline-start: 4px !important; + padding-inline-start: 4px !important } .pe-1 { - padding-inline-end: 4px !important; + padding-inline-end: 4px !important } .pa-1 { - padding: 4px !important; + padding: 4px !important } .pt-2, .py-2 { - padding-top: 8px !important; + padding-top: 8px !important } .pr-2, .px-2 { - padding-right: 8px !important; + padding-right: 8px !important } .pl-2, .px-2 { - padding-left: 8px !important; + padding-left: 8px !important } .pb-2, .py-2 { - padding-bottom: 8px !important; + padding-bottom: 8px !important } .ps-2 { - padding-inline-start: 8px !important; + padding-inline-start: 8px !important } .pe-2 { - padding-inline-end: 8px !important; + padding-inline-end: 8px !important } .pa-2 { - padding: 8px !important; + padding: 8px !important } .pt-3, .py-3 { - padding-top: 12px !important; + padding-top: 12px !important } .pr-3, .px-3 { - padding-right: 12px !important; + padding-right: 12px !important } .pl-3, .px-3 { - padding-left: 12px !important; + padding-left: 12px !important } .pb-3, .py-3 { - padding-bottom: 12px !important; + padding-bottom: 12px !important } .ps-3 { - padding-inline-start: 12px !important; + padding-inline-start: 12px !important } .pe-3 { - padding-inline-end: 12px !important; + padding-inline-end: 12px !important } .pa-3 { - padding: 12px !important; + padding: 12px !important } .pt-4, .py-4 { - padding-top: 16px !important; + padding-top: 16px !important } .pr-4, .px-4 { - padding-right: 16px !important; + padding-right: 16px !important } .pl-4, .px-4 { - padding-left: 16px !important; + padding-left: 16px !important } .pb-4, .py-4 { - padding-bottom: 16px !important; + padding-bottom: 16px !important } .ps-4 { - padding-inline-start: 16px !important; + padding-inline-start: 16px !important } .pe-4 { - padding-inline-end: 16px !important; + padding-inline-end: 16px !important } .pa-4 { - padding: 16px !important; + padding: 16px !important } .pt-5, .py-5 { - padding-top: 20px !important; + padding-top: 20px !important } .pr-5, .px-5 { - padding-right: 20px !important; + padding-right: 20px !important } .pl-5, .px-5 { - padding-left: 20px !important; + padding-left: 20px !important } .pb-5, .py-5 { - padding-bottom: 20px !important; + padding-bottom: 20px !important } .ps-5 { - padding-inline-start: 20px !important; + padding-inline-start: 20px !important } .pe-5 { - padding-inline-end: 20px !important; + padding-inline-end: 20px !important } .pa-5 { - padding: 20px !important; + padding: 20px !important } .pt-6, .py-6 { - padding-top: 24px !important; + padding-top: 24px !important } .pr-6, .px-6 { - padding-right: 24px !important; + padding-right: 24px !important } .pl-6, .px-6 { - padding-left: 24px !important; + padding-left: 24px !important } .pb-6, .py-6 { - padding-bottom: 24px !important; + padding-bottom: 24px !important } .ps-6 { - padding-inline-start: 24px !important; + padding-inline-start: 24px !important } .pe-6 { - padding-inline-end: 24px !important; + padding-inline-end: 24px !important } .pa-6 { - padding: 24px !important; + padding: 24px !important } .pt-7, .py-7 { - padding-top: 28px !important; + padding-top: 28px !important } .pr-7, .px-7 { - padding-right: 28px !important; + padding-right: 28px !important } .pl-7, .px-7 { - padding-left: 28px !important; + padding-left: 28px !important } .pb-7, .py-7 { - padding-bottom: 28px !important; + padding-bottom: 28px !important } .ps-7 { - padding-inline-start: 28px !important; + padding-inline-start: 28px !important } .pe-7 { - padding-inline-end: 28px !important; + padding-inline-end: 28px !important } .pa-7 { - padding: 28px !important; + padding: 28px !important } .pt-8, .py-8 { - padding-top: 32px !important; + padding-top: 32px !important } .pr-8, .px-8 { - padding-right: 32px !important; + padding-right: 32px !important } .pl-8, .px-8 { - padding-left: 32px !important; + padding-left: 32px !important } .pb-8, .py-8 { - padding-bottom: 32px !important; + padding-bottom: 32px !important } .ps-8 { - padding-inline-start: 32px !important; + padding-inline-start: 32px !important } .pe-8 { - padding-inline-end: 32px !important; + padding-inline-end: 32px !important } .pa-8 { - padding: 32px !important; + padding: 32px !important } .pt-9, .py-9 { - padding-top: 36px !important; + padding-top: 36px !important } .pr-9, .px-9 { - padding-right: 36px !important; + padding-right: 36px !important } .pl-9, .px-9 { - padding-left: 36px !important; + padding-left: 36px !important } .pb-9, .py-9 { - padding-bottom: 36px !important; + padding-bottom: 36px !important } .ps-9 { - padding-inline-start: 36px !important; + padding-inline-start: 36px !important } .pe-9 { - padding-inline-end: 36px !important; + padding-inline-end: 36px !important } .pa-9 { - padding: 36px !important; + padding: 36px !important } .pt-10, .py-10 { - padding-top: 40px !important; + padding-top: 40px !important } .pr-10, .px-10 { - padding-right: 40px !important; + padding-right: 40px !important } .pl-10, .px-10 { - padding-left: 40px !important; + padding-left: 40px !important } .pb-10, .py-10 { - padding-bottom: 40px !important; + padding-bottom: 40px !important } .ps-10 { - padding-inline-start: 40px !important; + padding-inline-start: 40px !important } .pe-10 { - padding-inline-end: 40px !important; + padding-inline-end: 40px !important } .pa-10 { - padding: 40px !important; + padding: 40px !important } .pt-11, .py-11 { - padding-top: 44px !important; + padding-top: 44px !important } .pr-11, .px-11 { - padding-right: 44px !important; + padding-right: 44px !important } .pl-11, .px-11 { - padding-left: 44px !important; + padding-left: 44px !important } .pb-11, .py-11 { - padding-bottom: 44px !important; + padding-bottom: 44px !important } .ps-11 { - padding-inline-start: 44px !important; + padding-inline-start: 44px !important } .pe-11 { - padding-inline-end: 44px !important; + padding-inline-end: 44px !important } .pa-11 { - padding: 44px !important; + padding: 44px !important } .pt-12, .py-12 { - padding-top: 48px !important; + padding-top: 48px !important } .pr-12, .px-12 { - padding-right: 48px !important; + padding-right: 48px !important } .pl-12, .px-12 { - padding-left: 48px !important; + padding-left: 48px !important } .pb-12, .py-12 { - padding-bottom: 48px !important; + padding-bottom: 48px !important } .ps-12 { - padding-inline-start: 48px !important; + padding-inline-start: 48px !important } .pe-12 { - padding-inline-end: 48px !important; + padding-inline-end: 48px !important } .pa-12 { - padding: 48px !important; + padding: 48px !important } .pt-13, .py-13 { - padding-top: 52px !important; + padding-top: 52px !important } .pr-13, .px-13 { - padding-right: 52px !important; + padding-right: 52px !important } .pl-13, .px-13 { - padding-left: 52px !important; + padding-left: 52px !important } .pb-13, .py-13 { - padding-bottom: 52px !important; + padding-bottom: 52px !important } .ps-13 { - padding-inline-start: 52px !important; + padding-inline-start: 52px !important } .pe-13 { - padding-inline-end: 52px !important; + padding-inline-end: 52px !important } .pa-13 { - padding: 52px !important; + padding: 52px !important } .pt-14, .py-14 { - padding-top: 56px !important; + padding-top: 56px !important } .pr-14, .px-14 { - padding-right: 56px !important; + padding-right: 56px !important } .pl-14, .px-14 { - padding-left: 56px !important; + padding-left: 56px !important } .pb-14, .py-14 { - padding-bottom: 56px !important; + padding-bottom: 56px !important } .ps-14 { - padding-inline-start: 56px !important; + padding-inline-start: 56px !important } .pe-14 { - padding-inline-end: 56px !important; + padding-inline-end: 56px !important } .pa-14 { - padding: 56px !important; + padding: 56px !important } .pt-15, .py-15 { - padding-top: 60px !important; + padding-top: 60px !important } .pr-15, .px-15 { - padding-right: 60px !important; + padding-right: 60px !important } .pl-15, .px-15 { - padding-left: 60px !important; + padding-left: 60px !important } .pb-15, .py-15 { - padding-bottom: 60px !important; + padding-bottom: 60px !important } .ps-15 { - padding-inline-start: 60px !important; + padding-inline-start: 60px !important } .pe-15 { - padding-inline-end: 60px !important; + padding-inline-end: 60px !important } .pa-15 { - padding: 60px !important; + padding: 60px !important } .pt-16, .py-16 { - padding-top: 64px !important; + padding-top: 64px !important } .pr-16, .px-16 { - padding-right: 64px !important; + padding-right: 64px !important } .pl-16, .px-16 { - padding-left: 64px !important; + padding-left: 64px !important } .pb-16, .py-16 { - padding-bottom: 64px !important; + padding-bottom: 64px !important } .ps-16 { - padding-inline-start: 64px !important; + padding-inline-start: 64px !important } .pe-16 { - padding-inline-end: 64px !important; + padding-inline-end: 64px !important } .pa-16 { - padding: 64px !important; + padding: 64px !important } .pt-auto, .py-auto { - padding-top: auto !important; + padding-top: auto !important } .pr-auto, .px-auto { - padding-right: auto !important; + padding-right: auto !important } .pl-auto, .px-auto { - padding-left: auto !important; + padding-left: auto !important } .pb-auto, .py-auto { - padding-bottom: auto !important; + padding-bottom: auto !important } .ps-auto { - padding-inline-start: auto !important; + padding-inline-start: auto !important } .pe-auto { - padding-inline-end: auto !important; + padding-inline-end: auto !important } .pa-auto { - padding: auto !important; + padding: auto !important } .mt-n1, .my-n1 { - margin-top: -4px !important; + margin-top: -4px !important } .mr-n1, .mx-n1 { - margin-right: -4px !important; + margin-right: -4px !important } .ml-n1, .mx-n1 { - margin-left: -4px !important; + margin-left: -4px !important } .mb-n1, .my-n1 { - margin-bottom: -4px !important; + margin-bottom: -4px !important } .ms-n1 { - margin-inline-start: -4px !important; + margin-inline-start: -4px !important } .me-n1 { - margin-inline-end: -4px !important; + margin-inline-end: -4px !important } .ma-n1 { - margin: -4px !important; + margin: -4px !important } .mt-n2, .my-n2 { - margin-top: -8px !important; + margin-top: -8px !important } .mr-n2, .mx-n2 { - margin-right: -8px !important; + margin-right: -8px !important } .ml-n2, .mx-n2 { - margin-left: -8px !important; + margin-left: -8px !important } .mb-n2, .my-n2 { - margin-bottom: -8px !important; + margin-bottom: -8px !important } .ms-n2 { - margin-inline-start: -8px !important; + margin-inline-start: -8px !important } .me-n2 { - margin-inline-end: -8px !important; + margin-inline-end: -8px !important } .ma-n2 { - margin: -8px !important; + margin: -8px !important } .mt-n3, .my-n3 { - margin-top: -12px !important; + margin-top: -12px !important } .mr-n3, .mx-n3 { - margin-right: -12px !important; + margin-right: -12px !important } .ml-n3, .mx-n3 { - margin-left: -12px !important; + margin-left: -12px !important } .mb-n3, .my-n3 { - margin-bottom: -12px !important; + margin-bottom: -12px !important } .ms-n3 { - margin-inline-start: -12px !important; + margin-inline-start: -12px !important } .me-n3 { - margin-inline-end: -12px !important; + margin-inline-end: -12px !important } .ma-n3 { - margin: -12px !important; + margin: -12px !important } .mt-n4, .my-n4 { - margin-top: -16px !important; + margin-top: -16px !important } .mr-n4, .mx-n4 { - margin-right: -16px !important; + margin-right: -16px !important } .ml-n4, .mx-n4 { - margin-left: -16px !important; + margin-left: -16px !important } .mb-n4, .my-n4 { - margin-bottom: -16px !important; + margin-bottom: -16px !important } .ms-n4 { - margin-inline-start: -16px !important; + margin-inline-start: -16px !important } .me-n4 { - margin-inline-end: -16px !important; + margin-inline-end: -16px !important } .ma-n4 { - margin: -16px !important; + margin: -16px !important } .mt-n5, .my-n5 { - margin-top: -20px !important; + margin-top: -20px !important } .mr-n5, .mx-n5 { - margin-right: -20px !important; + margin-right: -20px !important } .ml-n5, .mx-n5 { - margin-left: -20px !important; + margin-left: -20px !important } .mb-n5, .my-n5 { - margin-bottom: -20px !important; + margin-bottom: -20px !important } .ms-n5 { - margin-inline-start: -20px !important; + margin-inline-start: -20px !important } .me-n5 { - margin-inline-end: -20px !important; + margin-inline-end: -20px !important } .ma-n5 { - margin: -20px !important; + margin: -20px !important } .mt-n6, .my-n6 { - margin-top: -24px !important; + margin-top: -24px !important } .mr-n6, .mx-n6 { - margin-right: -24px !important; + margin-right: -24px !important } .ml-n6, .mx-n6 { - margin-left: -24px !important; + margin-left: -24px !important } .mb-n6, .my-n6 { - margin-bottom: -24px !important; + margin-bottom: -24px !important } .ms-n6 { - margin-inline-start: -24px !important; + margin-inline-start: -24px !important } .me-n6 { - margin-inline-end: -24px !important; + margin-inline-end: -24px !important } .ma-n6 { - margin: -24px !important; + margin: -24px !important } .mt-n7, .my-n7 { - margin-top: -28px !important; + margin-top: -28px !important } .mr-n7, .mx-n7 { - margin-right: -28px !important; + margin-right: -28px !important } .ml-n7, .mx-n7 { - margin-left: -28px !important; + margin-left: -28px !important } .mb-n7, .my-n7 { - margin-bottom: -28px !important; + margin-bottom: -28px !important } .ms-n7 { - margin-inline-start: -28px !important; + margin-inline-start: -28px !important } .me-n7 { - margin-inline-end: -28px !important; + margin-inline-end: -28px !important } .ma-n7 { - margin: -28px !important; + margin: -28px !important } .mt-n8, .my-n8 { - margin-top: -32px !important; + margin-top: -32px !important } .mr-n8, .mx-n8 { - margin-right: -32px !important; + margin-right: -32px !important } .ml-n8, .mx-n8 { - margin-left: -32px !important; + margin-left: -32px !important } .mb-n8, .my-n8 { - margin-bottom: -32px !important; + margin-bottom: -32px !important } .ms-n8 { - margin-inline-start: -32px !important; + margin-inline-start: -32px !important } .me-n8 { - margin-inline-end: -32px !important; + margin-inline-end: -32px !important } .ma-n8 { - margin: -32px !important; + margin: -32px !important } .mt-n9, .my-n9 { - margin-top: -36px !important; + margin-top: -36px !important } .mr-n9, .mx-n9 { - margin-right: -36px !important; + margin-right: -36px !important } .ml-n9, .mx-n9 { - margin-left: -36px !important; + margin-left: -36px !important } .mb-n9, .my-n9 { - margin-bottom: -36px !important; + margin-bottom: -36px !important } .ms-n9 { - margin-inline-start: -36px !important; + margin-inline-start: -36px !important } .me-n9 { - margin-inline-end: -36px !important; + margin-inline-end: -36px !important } .ma-n9 { - margin: -36px !important; + margin: -36px !important } .mt-n10, .my-n10 { - margin-top: -40px !important; + margin-top: -40px !important } .mr-n10, .mx-n10 { - margin-right: -40px !important; + margin-right: -40px !important } .ml-n10, .mx-n10 { - margin-left: -40px !important; + margin-left: -40px !important } .mb-n10, .my-n10 { - margin-bottom: -40px !important; + margin-bottom: -40px !important } .ms-n10 { - margin-inline-start: -40px !important; + margin-inline-start: -40px !important } .me-n10 { - margin-inline-end: -40px !important; + margin-inline-end: -40px !important } .ma-n10 { - margin: -40px !important; + margin: -40px !important } .mt-n11, .my-n11 { - margin-top: -44px !important; + margin-top: -44px !important } .mr-n11, .mx-n11 { - margin-right: -44px !important; + margin-right: -44px !important } .ml-n11, .mx-n11 { - margin-left: -44px !important; + margin-left: -44px !important } .mb-n11, .my-n11 { - margin-bottom: -44px !important; + margin-bottom: -44px !important } .ms-n11 { - margin-inline-start: -44px !important; + margin-inline-start: -44px !important } .me-n11 { - margin-inline-end: -44px !important; + margin-inline-end: -44px !important } .ma-n11 { - margin: -44px !important; + margin: -44px !important } .mt-n12, .my-n12 { - margin-top: -48px !important; + margin-top: -48px !important } .mr-n12, .mx-n12 { - margin-right: -48px !important; + margin-right: -48px !important } .ml-n12, .mx-n12 { - margin-left: -48px !important; + margin-left: -48px !important } .mb-n12, .my-n12 { - margin-bottom: -48px !important; + margin-bottom: -48px !important } .ms-n12 { - margin-inline-start: -48px !important; + margin-inline-start: -48px !important } .me-n12 { - margin-inline-end: -48px !important; + margin-inline-end: -48px !important } .ma-n12 { - margin: -48px !important; + margin: -48px !important } .mt-n13, .my-n13 { - margin-top: -52px !important; + margin-top: -52px !important } .mr-n13, .mx-n13 { - margin-right: -52px !important; + margin-right: -52px !important } .ml-n13, .mx-n13 { - margin-left: -52px !important; + margin-left: -52px !important } .mb-n13, .my-n13 { - margin-bottom: -52px !important; + margin-bottom: -52px !important } .ms-n13 { - margin-inline-start: -52px !important; + margin-inline-start: -52px !important } .me-n13 { - margin-inline-end: -52px !important; + margin-inline-end: -52px !important } .ma-n13 { - margin: -52px !important; + margin: -52px !important } .mt-n14, .my-n14 { - margin-top: -56px !important; + margin-top: -56px !important } .mr-n14, .mx-n14 { - margin-right: -56px !important; + margin-right: -56px !important } .ml-n14, .mx-n14 { - margin-left: -56px !important; + margin-left: -56px !important } .mb-n14, .my-n14 { - margin-bottom: -56px !important; + margin-bottom: -56px !important } .ms-n14 { - margin-inline-start: -56px !important; + margin-inline-start: -56px !important } .me-n14 { - margin-inline-end: -56px !important; + margin-inline-end: -56px !important } .ma-n14 { - margin: -56px !important; + margin: -56px !important } .mt-n15, .my-n15 { - margin-top: -60px !important; + margin-top: -60px !important } .mr-n15, .mx-n15 { - margin-right: -60px !important; + margin-right: -60px !important } .ml-n15, .mx-n15 { - margin-left: -60px !important; + margin-left: -60px !important } .mb-n15, .my-n15 { - margin-bottom: -60px !important; + margin-bottom: -60px !important } .ms-n15 { - margin-inline-start: -60px !important; + margin-inline-start: -60px !important } .me-n15 { - margin-inline-end: -60px !important; + margin-inline-end: -60px !important } .ma-n15 { - margin: -60px !important; + margin: -60px !important } .mt-n16, .my-n16 { - margin-top: -64px !important; + margin-top: -64px !important } .mr-n16, .mx-n16 { - margin-right: -64px !important; + margin-right: -64px !important } .ml-n16, .mx-n16 { - margin-left: -64px !important; + margin-left: -64px !important } .mb-n16, .my-n16 { - margin-bottom: -64px !important; + margin-bottom: -64px !important } .ms-n16 { - margin-inline-start: -64px !important; + margin-inline-start: -64px !important } .me-n16 { - margin-inline-end: -64px !important; + margin-inline-end: -64px !important } .ma-n16 { - margin: -64px !important; + margin: -64px !important } -@media screen and (min-width:600px) { +@media screen and (min-width: 600px) { .mt-sm-0, .my-sm-0 { - margin-top: 0 !important; + margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { - margin-right: 0 !important; + margin-right: 0 !important } .ml-sm-0, .mx-sm-0 { - margin-left: 0 !important; + margin-left: 0 !important } .mb-sm-0, .my-sm-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important } .ms-sm-0 { - margin-inline-start: 0 !important; + margin-inline-start: 0 !important } .me-sm-0 { - margin-inline-end: 0 !important; + margin-inline-end: 0 !important } .ma-sm-0 { - margin: 0 !important; + margin: 0 !important } .mt-sm-1, .my-sm-1 { - margin-top: 4px !important; + margin-top: 4px !important } .mr-sm-1, .mx-sm-1 { - margin-right: 4px !important; + margin-right: 4px !important } .ml-sm-1, .mx-sm-1 { - margin-left: 4px !important; + margin-left: 4px !important } .mb-sm-1, .my-sm-1 { - margin-bottom: 4px !important; + margin-bottom: 4px !important } .ms-sm-1 { - margin-inline-start: 4px !important; + margin-inline-start: 4px !important } .me-sm-1 { - margin-inline-end: 4px !important; + margin-inline-end: 4px !important } .ma-sm-1 { - margin: 4px !important; + margin: 4px !important } .mt-sm-2, .my-sm-2 { - margin-top: 8px !important; + margin-top: 8px !important } .mr-sm-2, .mx-sm-2 { - margin-right: 8px !important; + margin-right: 8px !important } .ml-sm-2, .mx-sm-2 { - margin-left: 8px !important; + margin-left: 8px !important } .mb-sm-2, .my-sm-2 { - margin-bottom: 8px !important; + margin-bottom: 8px !important } .ms-sm-2 { - margin-inline-start: 8px !important; + margin-inline-start: 8px !important } .me-sm-2 { - margin-inline-end: 8px !important; + margin-inline-end: 8px !important } .ma-sm-2 { - margin: 8px !important; + margin: 8px !important } .mt-sm-3, .my-sm-3 { - margin-top: 12px !important; + margin-top: 12px !important } .mr-sm-3, .mx-sm-3 { - margin-right: 12px !important; + margin-right: 12px !important } .ml-sm-3, .mx-sm-3 { - margin-left: 12px !important; + margin-left: 12px !important } .mb-sm-3, .my-sm-3 { - margin-bottom: 12px !important; + margin-bottom: 12px !important } .ms-sm-3 { - margin-inline-start: 12px !important; + margin-inline-start: 12px !important } .me-sm-3 { - margin-inline-end: 12px !important; + margin-inline-end: 12px !important } .ma-sm-3 { - margin: 12px !important; + margin: 12px !important } .mt-sm-4, .my-sm-4 { - margin-top: 16px !important; + margin-top: 16px !important } .mr-sm-4, .mx-sm-4 { - margin-right: 16px !important; + margin-right: 16px !important } .ml-sm-4, .mx-sm-4 { - margin-left: 16px !important; + margin-left: 16px !important } .mb-sm-4, .my-sm-4 { - margin-bottom: 16px !important; + margin-bottom: 16px !important } .ms-sm-4 { - margin-inline-start: 16px !important; + margin-inline-start: 16px !important } .me-sm-4 { - margin-inline-end: 16px !important; + margin-inline-end: 16px !important } .ma-sm-4 { - margin: 16px !important; + margin: 16px !important } .mt-sm-5, .my-sm-5 { - margin-top: 20px !important; + margin-top: 20px !important } .mr-sm-5, .mx-sm-5 { - margin-right: 20px !important; + margin-right: 20px !important } .ml-sm-5, .mx-sm-5 { - margin-left: 20px !important; + margin-left: 20px !important } .mb-sm-5, .my-sm-5 { - margin-bottom: 20px !important; + margin-bottom: 20px !important } .ms-sm-5 { - margin-inline-start: 20px !important; + margin-inline-start: 20px !important } .me-sm-5 { - margin-inline-end: 20px !important; + margin-inline-end: 20px !important } .ma-sm-5 { - margin: 20px !important; + margin: 20px !important } .mt-sm-6, .my-sm-6 { - margin-top: 24px !important; + margin-top: 24px !important } .mr-sm-6, .mx-sm-6 { - margin-right: 24px !important; + margin-right: 24px !important } .ml-sm-6, .mx-sm-6 { - margin-left: 24px !important; + margin-left: 24px !important } .mb-sm-6, .my-sm-6 { - margin-bottom: 24px !important; + margin-bottom: 24px !important } .ms-sm-6 { - margin-inline-start: 24px !important; + margin-inline-start: 24px !important } .me-sm-6 { - margin-inline-end: 24px !important; + margin-inline-end: 24px !important } .ma-sm-6 { - margin: 24px !important; + margin: 24px !important } .mt-sm-7, .my-sm-7 { - margin-top: 28px !important; + margin-top: 28px !important } .mr-sm-7, .mx-sm-7 { - margin-right: 28px !important; + margin-right: 28px !important } .ml-sm-7, .mx-sm-7 { - margin-left: 28px !important; + margin-left: 28px !important } .mb-sm-7, .my-sm-7 { - margin-bottom: 28px !important; + margin-bottom: 28px !important } .ms-sm-7 { - margin-inline-start: 28px !important; + margin-inline-start: 28px !important } .me-sm-7 { - margin-inline-end: 28px !important; + margin-inline-end: 28px !important } .ma-sm-7 { - margin: 28px !important; + margin: 28px !important } .mt-sm-8, .my-sm-8 { - margin-top: 32px !important; + margin-top: 32px !important } .mr-sm-8, .mx-sm-8 { - margin-right: 32px !important; + margin-right: 32px !important } .ml-sm-8, .mx-sm-8 { - margin-left: 32px !important; + margin-left: 32px !important } .mb-sm-8, .my-sm-8 { - margin-bottom: 32px !important; + margin-bottom: 32px !important } .ms-sm-8 { - margin-inline-start: 32px !important; + margin-inline-start: 32px !important } .me-sm-8 { - margin-inline-end: 32px !important; + margin-inline-end: 32px !important } .ma-sm-8 { - margin: 32px !important; + margin: 32px !important } .mt-sm-9, .my-sm-9 { - margin-top: 36px !important; + margin-top: 36px !important } .mr-sm-9, .mx-sm-9 { - margin-right: 36px !important; + margin-right: 36px !important } .ml-sm-9, .mx-sm-9 { - margin-left: 36px !important; + margin-left: 36px !important } .mb-sm-9, .my-sm-9 { - margin-bottom: 36px !important; + margin-bottom: 36px !important } .ms-sm-9 { - margin-inline-start: 36px !important; + margin-inline-start: 36px !important } .me-sm-9 { - margin-inline-end: 36px !important; + margin-inline-end: 36px !important } .ma-sm-9 { - margin: 36px !important; + margin: 36px !important } .mt-sm-10, .my-sm-10 { - margin-top: 40px !important; + margin-top: 40px !important } .mr-sm-10, .mx-sm-10 { - margin-right: 40px !important; + margin-right: 40px !important } .ml-sm-10, .mx-sm-10 { - margin-left: 40px !important; + margin-left: 40px !important } .mb-sm-10, .my-sm-10 { - margin-bottom: 40px !important; + margin-bottom: 40px !important } .ms-sm-10 { - margin-inline-start: 40px !important; + margin-inline-start: 40px !important } .me-sm-10 { - margin-inline-end: 40px !important; + margin-inline-end: 40px !important } .ma-sm-10 { - margin: 40px !important; + margin: 40px !important } .mt-sm-11, .my-sm-11 { - margin-top: 44px !important; + margin-top: 44px !important } .mr-sm-11, .mx-sm-11 { - margin-right: 44px !important; + margin-right: 44px !important } .ml-sm-11, .mx-sm-11 { - margin-left: 44px !important; + margin-left: 44px !important } .mb-sm-11, .my-sm-11 { - margin-bottom: 44px !important; + margin-bottom: 44px !important } .ms-sm-11 { - margin-inline-start: 44px !important; + margin-inline-start: 44px !important } .me-sm-11 { - margin-inline-end: 44px !important; + margin-inline-end: 44px !important } .ma-sm-11 { - margin: 44px !important; + margin: 44px !important } .mt-sm-12, .my-sm-12 { - margin-top: 48px !important; + margin-top: 48px !important } .mr-sm-12, .mx-sm-12 { - margin-right: 48px !important; + margin-right: 48px !important } .ml-sm-12, .mx-sm-12 { - margin-left: 48px !important; + margin-left: 48px !important } .mb-sm-12, .my-sm-12 { - margin-bottom: 48px !important; + margin-bottom: 48px !important } .ms-sm-12 { - margin-inline-start: 48px !important; + margin-inline-start: 48px !important } .me-sm-12 { - margin-inline-end: 48px !important; + margin-inline-end: 48px !important } .ma-sm-12 { - margin: 48px !important; + margin: 48px !important } .mt-sm-13, .my-sm-13 { - margin-top: 52px !important; + margin-top: 52px !important } .mr-sm-13, .mx-sm-13 { - margin-right: 52px !important; + margin-right: 52px !important } .ml-sm-13, .mx-sm-13 { - margin-left: 52px !important; + margin-left: 52px !important } .mb-sm-13, .my-sm-13 { - margin-bottom: 52px !important; + margin-bottom: 52px !important } .ms-sm-13 { - margin-inline-start: 52px !important; + margin-inline-start: 52px !important } .me-sm-13 { - margin-inline-end: 52px !important; + margin-inline-end: 52px !important } .ma-sm-13 { - margin: 52px !important; + margin: 52px !important } .mt-sm-14, .my-sm-14 { - margin-top: 56px !important; + margin-top: 56px !important } .mr-sm-14, .mx-sm-14 { - margin-right: 56px !important; + margin-right: 56px !important } .ml-sm-14, .mx-sm-14 { - margin-left: 56px !important; + margin-left: 56px !important } .mb-sm-14, .my-sm-14 { - margin-bottom: 56px !important; + margin-bottom: 56px !important } .ms-sm-14 { - margin-inline-start: 56px !important; + margin-inline-start: 56px !important } .me-sm-14 { - margin-inline-end: 56px !important; + margin-inline-end: 56px !important } .ma-sm-14 { - margin: 56px !important; + margin: 56px !important } .mt-sm-15, .my-sm-15 { - margin-top: 60px !important; + margin-top: 60px !important } .mr-sm-15, .mx-sm-15 { - margin-right: 60px !important; + margin-right: 60px !important } .ml-sm-15, .mx-sm-15 { - margin-left: 60px !important; + margin-left: 60px !important } .mb-sm-15, .my-sm-15 { - margin-bottom: 60px !important; + margin-bottom: 60px !important } .ms-sm-15 { - margin-inline-start: 60px !important; + margin-inline-start: 60px !important } .me-sm-15 { - margin-inline-end: 60px !important; + margin-inline-end: 60px !important } .ma-sm-15 { - margin: 60px !important; + margin: 60px !important } .mt-sm-16, .my-sm-16 { - margin-top: 64px !important; + margin-top: 64px !important } .mr-sm-16, .mx-sm-16 { - margin-right: 64px !important; + margin-right: 64px !important } .ml-sm-16, .mx-sm-16 { - margin-left: 64px !important; + margin-left: 64px !important } .mb-sm-16, .my-sm-16 { - margin-bottom: 64px !important; + margin-bottom: 64px !important } .ms-sm-16 { - margin-inline-start: 64px !important; + margin-inline-start: 64px !important } .me-sm-16 { - margin-inline-end: 64px !important; + margin-inline-end: 64px !important } .ma-sm-16 { - margin: 64px !important; + margin: 64px !important } .mt-sm-auto, .my-sm-auto { - margin-top: auto !important; + margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { - margin-right: auto !important; + margin-right: auto !important } .ml-sm-auto, .mx-sm-auto { - margin-left: auto !important; + margin-left: auto !important } .mb-sm-auto, .my-sm-auto { - margin-bottom: auto !important; + margin-bottom: auto !important } .ms-sm-auto { - margin-inline-start: auto !important; + margin-inline-start: auto !important } .me-sm-auto { - margin-inline-end: auto !important; + margin-inline-end: auto !important } .ma-sm-auto { - margin: auto !important; + margin: auto !important } .pt-sm-0, .py-sm-0 { - padding-top: 0 !important; + padding-top: 0 !important } .pr-sm-0, .px-sm-0 { - padding-right: 0 !important; + padding-right: 0 !important } .pl-sm-0, .px-sm-0 { - padding-left: 0 !important; + padding-left: 0 !important } .pb-sm-0, .py-sm-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important } .ps-sm-0 { - padding-inline-start: 0 !important; + padding-inline-start: 0 !important } .pe-sm-0 { - padding-inline-end: 0 !important; + padding-inline-end: 0 !important } .pa-sm-0 { - padding: 0 !important; + padding: 0 !important } .pt-sm-1, .py-sm-1 { - padding-top: 4px !important; + padding-top: 4px !important } .pr-sm-1, .px-sm-1 { - padding-right: 4px !important; + padding-right: 4px !important } .pl-sm-1, .px-sm-1 { - padding-left: 4px !important; + padding-left: 4px !important } .pb-sm-1, .py-sm-1 { - padding-bottom: 4px !important; + padding-bottom: 4px !important } .ps-sm-1 { - padding-inline-start: 4px !important; + padding-inline-start: 4px !important } .pe-sm-1 { - padding-inline-end: 4px !important; + padding-inline-end: 4px !important } .pa-sm-1 { - padding: 4px !important; + padding: 4px !important } .pt-sm-2, .py-sm-2 { - padding-top: 8px !important; + padding-top: 8px !important } .pr-sm-2, .px-sm-2 { - padding-right: 8px !important; + padding-right: 8px !important } .pl-sm-2, .px-sm-2 { - padding-left: 8px !important; + padding-left: 8px !important } .pb-sm-2, .py-sm-2 { - padding-bottom: 8px !important; + padding-bottom: 8px !important } .ps-sm-2 { - padding-inline-start: 8px !important; + padding-inline-start: 8px !important } .pe-sm-2 { - padding-inline-end: 8px !important; + padding-inline-end: 8px !important } .pa-sm-2 { - padding: 8px !important; + padding: 8px !important } .pt-sm-3, .py-sm-3 { - padding-top: 12px !important; + padding-top: 12px !important } .pr-sm-3, .px-sm-3 { - padding-right: 12px !important; + padding-right: 12px !important } .pl-sm-3, .px-sm-3 { - padding-left: 12px !important; + padding-left: 12px !important } .pb-sm-3, .py-sm-3 { - padding-bottom: 12px !important; + padding-bottom: 12px !important } .ps-sm-3 { - padding-inline-start: 12px !important; + padding-inline-start: 12px !important } .pe-sm-3 { - padding-inline-end: 12px !important; + padding-inline-end: 12px !important } .pa-sm-3 { - padding: 12px !important; + padding: 12px !important } .pt-sm-4, .py-sm-4 { - padding-top: 16px !important; + padding-top: 16px !important } .pr-sm-4, .px-sm-4 { - padding-right: 16px !important; + padding-right: 16px !important } .pl-sm-4, .px-sm-4 { - padding-left: 16px !important; + padding-left: 16px !important } .pb-sm-4, .py-sm-4 { - padding-bottom: 16px !important; + padding-bottom: 16px !important } .ps-sm-4 { - padding-inline-start: 16px !important; + padding-inline-start: 16px !important } .pe-sm-4 { - padding-inline-end: 16px !important; + padding-inline-end: 16px !important } .pa-sm-4 { - padding: 16px !important; + padding: 16px !important } .pt-sm-5, .py-sm-5 { - padding-top: 20px !important; + padding-top: 20px !important } .pr-sm-5, .px-sm-5 { - padding-right: 20px !important; + padding-right: 20px !important } .pl-sm-5, .px-sm-5 { - padding-left: 20px !important; + padding-left: 20px !important } .pb-sm-5, .py-sm-5 { - padding-bottom: 20px !important; + padding-bottom: 20px !important } .ps-sm-5 { - padding-inline-start: 20px !important; + padding-inline-start: 20px !important } .pe-sm-5 { - padding-inline-end: 20px !important; + padding-inline-end: 20px !important } .pa-sm-5 { - padding: 20px !important; + padding: 20px !important } .pt-sm-6, .py-sm-6 { - padding-top: 24px !important; + padding-top: 24px !important } .pr-sm-6, .px-sm-6 { - padding-right: 24px !important; + padding-right: 24px !important } .pl-sm-6, .px-sm-6 { - padding-left: 24px !important; + padding-left: 24px !important } .pb-sm-6, .py-sm-6 { - padding-bottom: 24px !important; + padding-bottom: 24px !important } .ps-sm-6 { - padding-inline-start: 24px !important; + padding-inline-start: 24px !important } .pe-sm-6 { - padding-inline-end: 24px !important; + padding-inline-end: 24px !important } .pa-sm-6 { - padding: 24px !important; + padding: 24px !important } .pt-sm-7, .py-sm-7 { - padding-top: 28px !important; + padding-top: 28px !important } .pr-sm-7, .px-sm-7 { - padding-right: 28px !important; + padding-right: 28px !important } .pl-sm-7, .px-sm-7 { - padding-left: 28px !important; + padding-left: 28px !important } .pb-sm-7, .py-sm-7 { - padding-bottom: 28px !important; + padding-bottom: 28px !important } .ps-sm-7 { - padding-inline-start: 28px !important; + padding-inline-start: 28px !important } .pe-sm-7 { - padding-inline-end: 28px !important; + padding-inline-end: 28px !important } .pa-sm-7 { - padding: 28px !important; + padding: 28px !important } .pt-sm-8, .py-sm-8 { - padding-top: 32px !important; + padding-top: 32px !important } .pr-sm-8, .px-sm-8 { - padding-right: 32px !important; + padding-right: 32px !important } .pl-sm-8, .px-sm-8 { - padding-left: 32px !important; + padding-left: 32px !important } .pb-sm-8, .py-sm-8 { - padding-bottom: 32px !important; + padding-bottom: 32px !important } .ps-sm-8 { - padding-inline-start: 32px !important; + padding-inline-start: 32px !important } .pe-sm-8 { - padding-inline-end: 32px !important; + padding-inline-end: 32px !important } .pa-sm-8 { - padding: 32px !important; + padding: 32px !important } .pt-sm-9, .py-sm-9 { - padding-top: 36px !important; + padding-top: 36px !important } .pr-sm-9, .px-sm-9 { - padding-right: 36px !important; + padding-right: 36px !important } .pl-sm-9, .px-sm-9 { - padding-left: 36px !important; + padding-left: 36px !important } .pb-sm-9, .py-sm-9 { - padding-bottom: 36px !important; + padding-bottom: 36px !important } .ps-sm-9 { - padding-inline-start: 36px !important; + padding-inline-start: 36px !important } .pe-sm-9 { - padding-inline-end: 36px !important; + padding-inline-end: 36px !important } .pa-sm-9 { - padding: 36px !important; + padding: 36px !important } .pt-sm-10, .py-sm-10 { - padding-top: 40px !important; + padding-top: 40px !important } .pr-sm-10, .px-sm-10 { - padding-right: 40px !important; + padding-right: 40px !important } .pl-sm-10, .px-sm-10 { - padding-left: 40px !important; + padding-left: 40px !important } .pb-sm-10, .py-sm-10 { - padding-bottom: 40px !important; + padding-bottom: 40px !important } .ps-sm-10 { - padding-inline-start: 40px !important; + padding-inline-start: 40px !important } .pe-sm-10 { - padding-inline-end: 40px !important; + padding-inline-end: 40px !important } .pa-sm-10 { - padding: 40px !important; + padding: 40px !important } .pt-sm-11, .py-sm-11 { - padding-top: 44px !important; + padding-top: 44px !important } .pr-sm-11, .px-sm-11 { - padding-right: 44px !important; + padding-right: 44px !important } .pl-sm-11, .px-sm-11 { - padding-left: 44px !important; + padding-left: 44px !important } .pb-sm-11, .py-sm-11 { - padding-bottom: 44px !important; + padding-bottom: 44px !important } .ps-sm-11 { - padding-inline-start: 44px !important; + padding-inline-start: 44px !important } .pe-sm-11 { - padding-inline-end: 44px !important; + padding-inline-end: 44px !important } .pa-sm-11 { - padding: 44px !important; + padding: 44px !important } .pt-sm-12, .py-sm-12 { - padding-top: 48px !important; + padding-top: 48px !important } .pr-sm-12, .px-sm-12 { - padding-right: 48px !important; + padding-right: 48px !important } .pl-sm-12, .px-sm-12 { - padding-left: 48px !important; + padding-left: 48px !important } .pb-sm-12, .py-sm-12 { - padding-bottom: 48px !important; + padding-bottom: 48px !important } .ps-sm-12 { - padding-inline-start: 48px !important; + padding-inline-start: 48px !important } .pe-sm-12 { - padding-inline-end: 48px !important; + padding-inline-end: 48px !important } .pa-sm-12 { - padding: 48px !important; + padding: 48px !important } .pt-sm-13, .py-sm-13 { - padding-top: 52px !important; + padding-top: 52px !important } .pr-sm-13, .px-sm-13 { - padding-right: 52px !important; + padding-right: 52px !important } .pl-sm-13, .px-sm-13 { - padding-left: 52px !important; + padding-left: 52px !important } .pb-sm-13, .py-sm-13 { - padding-bottom: 52px !important; + padding-bottom: 52px !important } .ps-sm-13 { - padding-inline-start: 52px !important; + padding-inline-start: 52px !important } .pe-sm-13 { - padding-inline-end: 52px !important; + padding-inline-end: 52px !important } .pa-sm-13 { - padding: 52px !important; + padding: 52px !important } .pt-sm-14, .py-sm-14 { - padding-top: 56px !important; + padding-top: 56px !important } .pr-sm-14, .px-sm-14 { - padding-right: 56px !important; + padding-right: 56px !important } .pl-sm-14, .px-sm-14 { - padding-left: 56px !important; + padding-left: 56px !important } .pb-sm-14, .py-sm-14 { - padding-bottom: 56px !important; + padding-bottom: 56px !important } .ps-sm-14 { - padding-inline-start: 56px !important; + padding-inline-start: 56px !important } .pe-sm-14 { - padding-inline-end: 56px !important; + padding-inline-end: 56px !important } .pa-sm-14 { - padding: 56px !important; + padding: 56px !important } .pt-sm-15, .py-sm-15 { - padding-top: 60px !important; + padding-top: 60px !important } .pr-sm-15, .px-sm-15 { - padding-right: 60px !important; + padding-right: 60px !important } .pl-sm-15, .px-sm-15 { - padding-left: 60px !important; + padding-left: 60px !important } .pb-sm-15, .py-sm-15 { - padding-bottom: 60px !important; + padding-bottom: 60px !important } .ps-sm-15 { - padding-inline-start: 60px !important; + padding-inline-start: 60px !important } .pe-sm-15 { - padding-inline-end: 60px !important; + padding-inline-end: 60px !important } .pa-sm-15 { - padding: 60px !important; + padding: 60px !important } .pt-sm-16, .py-sm-16 { - padding-top: 64px !important; + padding-top: 64px !important } .pr-sm-16, .px-sm-16 { - padding-right: 64px !important; + padding-right: 64px !important } .pl-sm-16, .px-sm-16 { - padding-left: 64px !important; + padding-left: 64px !important } .pb-sm-16, .py-sm-16 { - padding-bottom: 64px !important; + padding-bottom: 64px !important } .ps-sm-16 { - padding-inline-start: 64px !important; + padding-inline-start: 64px !important } .pe-sm-16 { - padding-inline-end: 64px !important; + padding-inline-end: 64px !important } .pa-sm-16 { - padding: 64px !important; + padding: 64px !important } .pt-sm-auto, .py-sm-auto { - padding-top: auto !important; + padding-top: auto !important } .pr-sm-auto, .px-sm-auto { - padding-right: auto !important; + padding-right: auto !important } .pl-sm-auto, .px-sm-auto { - padding-left: auto !important; + padding-left: auto !important } .pb-sm-auto, .py-sm-auto { - padding-bottom: auto !important; + padding-bottom: auto !important } .ps-sm-auto { - padding-inline-start: auto !important; + padding-inline-start: auto !important } .pe-sm-auto { - padding-inline-end: auto !important; + padding-inline-end: auto !important } .pa-sm-auto { - padding: auto !important; + padding: auto !important } .mt-sm-n1, .my-sm-n1 { - margin-top: -4px !important; + margin-top: -4px !important } .mr-sm-n1, .mx-sm-n1 { - margin-right: -4px !important; + margin-right: -4px !important } .ml-sm-n1, .mx-sm-n1 { - margin-left: -4px !important; + margin-left: -4px !important } .mb-sm-n1, .my-sm-n1 { - margin-bottom: -4px !important; + margin-bottom: -4px !important } .ms-sm-n1 { - margin-inline-start: -4px !important; + margin-inline-start: -4px !important } .me-sm-n1 { - margin-inline-end: -4px !important; + margin-inline-end: -4px !important } .ma-sm-n1 { - margin: -4px !important; + margin: -4px !important } .mt-sm-n2, .my-sm-n2 { - margin-top: -8px !important; + margin-top: -8px !important } .mr-sm-n2, .mx-sm-n2 { - margin-right: -8px !important; + margin-right: -8px !important } .ml-sm-n2, .mx-sm-n2 { - margin-left: -8px !important; + margin-left: -8px !important } .mb-sm-n2, .my-sm-n2 { - margin-bottom: -8px !important; + margin-bottom: -8px !important } .ms-sm-n2 { - margin-inline-start: -8px !important; + margin-inline-start: -8px !important } .me-sm-n2 { - margin-inline-end: -8px !important; + margin-inline-end: -8px !important } .ma-sm-n2 { - margin: -8px !important; + margin: -8px !important } .mt-sm-n3, .my-sm-n3 { - margin-top: -12px !important; + margin-top: -12px !important } .mr-sm-n3, .mx-sm-n3 { - margin-right: -12px !important; + margin-right: -12px !important } .ml-sm-n3, .mx-sm-n3 { - margin-left: -12px !important; + margin-left: -12px !important } .mb-sm-n3, .my-sm-n3 { - margin-bottom: -12px !important; + margin-bottom: -12px !important } .ms-sm-n3 { - margin-inline-start: -12px !important; + margin-inline-start: -12px !important } .me-sm-n3 { - margin-inline-end: -12px !important; + margin-inline-end: -12px !important } .ma-sm-n3 { - margin: -12px !important; + margin: -12px !important } .mt-sm-n4, .my-sm-n4 { - margin-top: -16px !important; + margin-top: -16px !important } .mr-sm-n4, .mx-sm-n4 { - margin-right: -16px !important; + margin-right: -16px !important } .ml-sm-n4, .mx-sm-n4 { - margin-left: -16px !important; + margin-left: -16px !important } .mb-sm-n4, .my-sm-n4 { - margin-bottom: -16px !important; + margin-bottom: -16px !important } .ms-sm-n4 { - margin-inline-start: -16px !important; + margin-inline-start: -16px !important } .me-sm-n4 { - margin-inline-end: -16px !important; + margin-inline-end: -16px !important } .ma-sm-n4 { - margin: -16px !important; + margin: -16px !important } .mt-sm-n5, .my-sm-n5 { - margin-top: -20px !important; + margin-top: -20px !important } .mr-sm-n5, .mx-sm-n5 { - margin-right: -20px !important; + margin-right: -20px !important } .ml-sm-n5, .mx-sm-n5 { - margin-left: -20px !important; + margin-left: -20px !important } .mb-sm-n5, .my-sm-n5 { - margin-bottom: -20px !important; + margin-bottom: -20px !important } .ms-sm-n5 { - margin-inline-start: -20px !important; + margin-inline-start: -20px !important } .me-sm-n5 { - margin-inline-end: -20px !important; + margin-inline-end: -20px !important } .ma-sm-n5 { - margin: -20px !important; + margin: -20px !important } .mt-sm-n6, .my-sm-n6 { - margin-top: -24px !important; + margin-top: -24px !important } .mr-sm-n6, .mx-sm-n6 { - margin-right: -24px !important; + margin-right: -24px !important } .ml-sm-n6, .mx-sm-n6 { - margin-left: -24px !important; + margin-left: -24px !important } .mb-sm-n6, .my-sm-n6 { - margin-bottom: -24px !important; + margin-bottom: -24px !important } .ms-sm-n6 { - margin-inline-start: -24px !important; + margin-inline-start: -24px !important } .me-sm-n6 { - margin-inline-end: -24px !important; + margin-inline-end: -24px !important } .ma-sm-n6 { - margin: -24px !important; + margin: -24px !important } .mt-sm-n7, .my-sm-n7 { - margin-top: -28px !important; + margin-top: -28px !important } .mr-sm-n7, .mx-sm-n7 { - margin-right: -28px !important; + margin-right: -28px !important } .ml-sm-n7, .mx-sm-n7 { - margin-left: -28px !important; + margin-left: -28px !important } .mb-sm-n7, .my-sm-n7 { - margin-bottom: -28px !important; + margin-bottom: -28px !important } .ms-sm-n7 { - margin-inline-start: -28px !important; + margin-inline-start: -28px !important } .me-sm-n7 { - margin-inline-end: -28px !important; + margin-inline-end: -28px !important } .ma-sm-n7 { - margin: -28px !important; + margin: -28px !important } .mt-sm-n8, .my-sm-n8 { - margin-top: -32px !important; + margin-top: -32px !important } .mr-sm-n8, .mx-sm-n8 { - margin-right: -32px !important; + margin-right: -32px !important } .ml-sm-n8, .mx-sm-n8 { - margin-left: -32px !important; + margin-left: -32px !important } .mb-sm-n8, .my-sm-n8 { - margin-bottom: -32px !important; + margin-bottom: -32px !important } .ms-sm-n8 { - margin-inline-start: -32px !important; + margin-inline-start: -32px !important } .me-sm-n8 { - margin-inline-end: -32px !important; + margin-inline-end: -32px !important } .ma-sm-n8 { - margin: -32px !important; + margin: -32px !important } .mt-sm-n9, .my-sm-n9 { - margin-top: -36px !important; + margin-top: -36px !important } .mr-sm-n9, .mx-sm-n9 { - margin-right: -36px !important; + margin-right: -36px !important } .ml-sm-n9, .mx-sm-n9 { - margin-left: -36px !important; + margin-left: -36px !important } .mb-sm-n9, .my-sm-n9 { - margin-bottom: -36px !important; + margin-bottom: -36px !important } .ms-sm-n9 { - margin-inline-start: -36px !important; + margin-inline-start: -36px !important } .me-sm-n9 { - margin-inline-end: -36px !important; + margin-inline-end: -36px !important } .ma-sm-n9 { - margin: -36px !important; + margin: -36px !important } .mt-sm-n10, .my-sm-n10 { - margin-top: -40px !important; + margin-top: -40px !important } .mr-sm-n10, .mx-sm-n10 { - margin-right: -40px !important; + margin-right: -40px !important } .ml-sm-n10, .mx-sm-n10 { - margin-left: -40px !important; + margin-left: -40px !important } .mb-sm-n10, .my-sm-n10 { - margin-bottom: -40px !important; + margin-bottom: -40px !important } .ms-sm-n10 { - margin-inline-start: -40px !important; + margin-inline-start: -40px !important } .me-sm-n10 { - margin-inline-end: -40px !important; + margin-inline-end: -40px !important } .ma-sm-n10 { - margin: -40px !important; + margin: -40px !important } .mt-sm-n11, .my-sm-n11 { - margin-top: -44px !important; + margin-top: -44px !important } .mr-sm-n11, .mx-sm-n11 { - margin-right: -44px !important; + margin-right: -44px !important } .ml-sm-n11, .mx-sm-n11 { - margin-left: -44px !important; + margin-left: -44px !important } .mb-sm-n11, .my-sm-n11 { - margin-bottom: -44px !important; + margin-bottom: -44px !important } .ms-sm-n11 { - margin-inline-start: -44px !important; + margin-inline-start: -44px !important } .me-sm-n11 { - margin-inline-end: -44px !important; + margin-inline-end: -44px !important } .ma-sm-n11 { - margin: -44px !important; + margin: -44px !important } .mt-sm-n12, .my-sm-n12 { - margin-top: -48px !important; + margin-top: -48px !important } .mr-sm-n12, .mx-sm-n12 { - margin-right: -48px !important; + margin-right: -48px !important } .ml-sm-n12, .mx-sm-n12 { - margin-left: -48px !important; + margin-left: -48px !important } .mb-sm-n12, .my-sm-n12 { - margin-bottom: -48px !important; + margin-bottom: -48px !important } .ms-sm-n12 { - margin-inline-start: -48px !important; + margin-inline-start: -48px !important } .me-sm-n12 { - margin-inline-end: -48px !important; + margin-inline-end: -48px !important } .ma-sm-n12 { - margin: -48px !important; + margin: -48px !important } .mt-sm-n13, .my-sm-n13 { - margin-top: -52px !important; + margin-top: -52px !important } .mr-sm-n13, .mx-sm-n13 { - margin-right: -52px !important; + margin-right: -52px !important } .ml-sm-n13, .mx-sm-n13 { - margin-left: -52px !important; + margin-left: -52px !important } .mb-sm-n13, .my-sm-n13 { - margin-bottom: -52px !important; + margin-bottom: -52px !important } .ms-sm-n13 { - margin-inline-start: -52px !important; + margin-inline-start: -52px !important } .me-sm-n13 { - margin-inline-end: -52px !important; + margin-inline-end: -52px !important } .ma-sm-n13 { - margin: -52px !important; + margin: -52px !important } .mt-sm-n14, .my-sm-n14 { - margin-top: -56px !important; + margin-top: -56px !important } .mr-sm-n14, .mx-sm-n14 { - margin-right: -56px !important; + margin-right: -56px !important } .ml-sm-n14, .mx-sm-n14 { - margin-left: -56px !important; + margin-left: -56px !important } .mb-sm-n14, .my-sm-n14 { - margin-bottom: -56px !important; + margin-bottom: -56px !important } .ms-sm-n14 { - margin-inline-start: -56px !important; + margin-inline-start: -56px !important } .me-sm-n14 { - margin-inline-end: -56px !important; + margin-inline-end: -56px !important } .ma-sm-n14 { - margin: -56px !important; + margin: -56px !important } .mt-sm-n15, .my-sm-n15 { - margin-top: -60px !important; + margin-top: -60px !important } .mr-sm-n15, .mx-sm-n15 { - margin-right: -60px !important; + margin-right: -60px !important } .ml-sm-n15, .mx-sm-n15 { - margin-left: -60px !important; + margin-left: -60px !important } .mb-sm-n15, .my-sm-n15 { - margin-bottom: -60px !important; + margin-bottom: -60px !important } .ms-sm-n15 { - margin-inline-start: -60px !important; + margin-inline-start: -60px !important } .me-sm-n15 { - margin-inline-end: -60px !important; + margin-inline-end: -60px !important } .ma-sm-n15 { - margin: -60px !important; + margin: -60px !important } .mt-sm-n16, .my-sm-n16 { - margin-top: -64px !important; + margin-top: -64px !important } .mr-sm-n16, .mx-sm-n16 { - margin-right: -64px !important; + margin-right: -64px !important } .ml-sm-n16, .mx-sm-n16 { - margin-left: -64px !important; + margin-left: -64px !important } .mb-sm-n16, .my-sm-n16 { - margin-bottom: -64px !important; + margin-bottom: -64px !important } .ms-sm-n16 { - margin-inline-start: -64px !important; + margin-inline-start: -64px !important } .me-sm-n16 { - margin-inline-end: -64px !important; + margin-inline-end: -64px !important } .ma-sm-n16 { - margin: -64px !important; + margin: -64px !important } } -@media screen and (min-width:960px) { +@media screen and (min-width: 960px) { .mt-md-0, .my-md-0 { - margin-top: 0 !important; + margin-top: 0 !important } .mr-md-0, .mx-md-0 { - margin-right: 0 !important; + margin-right: 0 !important } .ml-md-0, .mx-md-0 { - margin-left: 0 !important; + margin-left: 0 !important } .mb-md-0, .my-md-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important } .ms-md-0 { - margin-inline-start: 0 !important; + margin-inline-start: 0 !important } .me-md-0 { - margin-inline-end: 0 !important; + margin-inline-end: 0 !important } .ma-md-0 { - margin: 0 !important; + margin: 0 !important } .mt-md-1, .my-md-1 { - margin-top: 4px !important; + margin-top: 4px !important } .mr-md-1, .mx-md-1 { - margin-right: 4px !important; + margin-right: 4px !important } .ml-md-1, .mx-md-1 { - margin-left: 4px !important; + margin-left: 4px !important } .mb-md-1, .my-md-1 { - margin-bottom: 4px !important; + margin-bottom: 4px !important } .ms-md-1 { - margin-inline-start: 4px !important; + margin-inline-start: 4px !important } .me-md-1 { - margin-inline-end: 4px !important; + margin-inline-end: 4px !important } .ma-md-1 { - margin: 4px !important; + margin: 4px !important } .mt-md-2, .my-md-2 { - margin-top: 8px !important; + margin-top: 8px !important } .mr-md-2, .mx-md-2 { - margin-right: 8px !important; + margin-right: 8px !important } .ml-md-2, .mx-md-2 { - margin-left: 8px !important; + margin-left: 8px !important } .mb-md-2, .my-md-2 { - margin-bottom: 8px !important; + margin-bottom: 8px !important } .ms-md-2 { - margin-inline-start: 8px !important; + margin-inline-start: 8px !important } .me-md-2 { - margin-inline-end: 8px !important; + margin-inline-end: 8px !important } .ma-md-2 { - margin: 8px !important; + margin: 8px !important } .mt-md-3, .my-md-3 { - margin-top: 12px !important; + margin-top: 12px !important } .mr-md-3, .mx-md-3 { - margin-right: 12px !important; + margin-right: 12px !important } .ml-md-3, .mx-md-3 { - margin-left: 12px !important; + margin-left: 12px !important } .mb-md-3, .my-md-3 { - margin-bottom: 12px !important; + margin-bottom: 12px !important } .ms-md-3 { - margin-inline-start: 12px !important; + margin-inline-start: 12px !important } .me-md-3 { - margin-inline-end: 12px !important; + margin-inline-end: 12px !important } .ma-md-3 { - margin: 12px !important; + margin: 12px !important } .mt-md-4, .my-md-4 { - margin-top: 16px !important; + margin-top: 16px !important } .mr-md-4, .mx-md-4 { - margin-right: 16px !important; + margin-right: 16px !important } .ml-md-4, .mx-md-4 { - margin-left: 16px !important; + margin-left: 16px !important } .mb-md-4, .my-md-4 { - margin-bottom: 16px !important; + margin-bottom: 16px !important } .ms-md-4 { - margin-inline-start: 16px !important; + margin-inline-start: 16px !important } .me-md-4 { - margin-inline-end: 16px !important; + margin-inline-end: 16px !important } .ma-md-4 { - margin: 16px !important; + margin: 16px !important } .mt-md-5, .my-md-5 { - margin-top: 20px !important; + margin-top: 20px !important } .mr-md-5, .mx-md-5 { - margin-right: 20px !important; + margin-right: 20px !important } .ml-md-5, .mx-md-5 { - margin-left: 20px !important; + margin-left: 20px !important } .mb-md-5, .my-md-5 { - margin-bottom: 20px !important; + margin-bottom: 20px !important } .ms-md-5 { - margin-inline-start: 20px !important; + margin-inline-start: 20px !important } .me-md-5 { - margin-inline-end: 20px !important; + margin-inline-end: 20px !important } .ma-md-5 { - margin: 20px !important; + margin: 20px !important } .mt-md-6, .my-md-6 { - margin-top: 24px !important; + margin-top: 24px !important } .mr-md-6, .mx-md-6 { - margin-right: 24px !important; + margin-right: 24px !important } .ml-md-6, .mx-md-6 { - margin-left: 24px !important; + margin-left: 24px !important } .mb-md-6, .my-md-6 { - margin-bottom: 24px !important; + margin-bottom: 24px !important } .ms-md-6 { - margin-inline-start: 24px !important; + margin-inline-start: 24px !important } .me-md-6 { - margin-inline-end: 24px !important; + margin-inline-end: 24px !important } .ma-md-6 { - margin: 24px !important; + margin: 24px !important } .mt-md-7, .my-md-7 { - margin-top: 28px !important; + margin-top: 28px !important } .mr-md-7, .mx-md-7 { - margin-right: 28px !important; + margin-right: 28px !important } .ml-md-7, .mx-md-7 { - margin-left: 28px !important; + margin-left: 28px !important } .mb-md-7, .my-md-7 { - margin-bottom: 28px !important; + margin-bottom: 28px !important } .ms-md-7 { - margin-inline-start: 28px !important; + margin-inline-start: 28px !important } .me-md-7 { - margin-inline-end: 28px !important; + margin-inline-end: 28px !important } .ma-md-7 { - margin: 28px !important; + margin: 28px !important } .mt-md-8, .my-md-8 { - margin-top: 32px !important; + margin-top: 32px !important } .mr-md-8, .mx-md-8 { - margin-right: 32px !important; + margin-right: 32px !important } .ml-md-8, .mx-md-8 { - margin-left: 32px !important; + margin-left: 32px !important } .mb-md-8, .my-md-8 { - margin-bottom: 32px !important; + margin-bottom: 32px !important } .ms-md-8 { - margin-inline-start: 32px !important; + margin-inline-start: 32px !important } .me-md-8 { - margin-inline-end: 32px !important; + margin-inline-end: 32px !important } .ma-md-8 { - margin: 32px !important; + margin: 32px !important } .mt-md-9, .my-md-9 { - margin-top: 36px !important; + margin-top: 36px !important } .mr-md-9, .mx-md-9 { - margin-right: 36px !important; + margin-right: 36px !important } .ml-md-9, .mx-md-9 { - margin-left: 36px !important; + margin-left: 36px !important } .mb-md-9, .my-md-9 { - margin-bottom: 36px !important; + margin-bottom: 36px !important } .ms-md-9 { - margin-inline-start: 36px !important; + margin-inline-start: 36px !important } .me-md-9 { - margin-inline-end: 36px !important; + margin-inline-end: 36px !important } .ma-md-9 { - margin: 36px !important; + margin: 36px !important } .mt-md-10, .my-md-10 { - margin-top: 40px !important; + margin-top: 40px !important } .mr-md-10, .mx-md-10 { - margin-right: 40px !important; + margin-right: 40px !important } .ml-md-10, .mx-md-10 { - margin-left: 40px !important; + margin-left: 40px !important } .mb-md-10, .my-md-10 { - margin-bottom: 40px !important; + margin-bottom: 40px !important } .ms-md-10 { - margin-inline-start: 40px !important; + margin-inline-start: 40px !important } .me-md-10 { - margin-inline-end: 40px !important; + margin-inline-end: 40px !important } .ma-md-10 { - margin: 40px !important; + margin: 40px !important } .mt-md-11, .my-md-11 { - margin-top: 44px !important; + margin-top: 44px !important } .mr-md-11, .mx-md-11 { - margin-right: 44px !important; + margin-right: 44px !important } .ml-md-11, .mx-md-11 { - margin-left: 44px !important; + margin-left: 44px !important } .mb-md-11, .my-md-11 { - margin-bottom: 44px !important; + margin-bottom: 44px !important } .ms-md-11 { - margin-inline-start: 44px !important; + margin-inline-start: 44px !important } .me-md-11 { - margin-inline-end: 44px !important; + margin-inline-end: 44px !important } .ma-md-11 { - margin: 44px !important; + margin: 44px !important } .mt-md-12, .my-md-12 { - margin-top: 48px !important; + margin-top: 48px !important } .mr-md-12, .mx-md-12 { - margin-right: 48px !important; + margin-right: 48px !important } .ml-md-12, .mx-md-12 { - margin-left: 48px !important; + margin-left: 48px !important } .mb-md-12, .my-md-12 { - margin-bottom: 48px !important; + margin-bottom: 48px !important } .ms-md-12 { - margin-inline-start: 48px !important; + margin-inline-start: 48px !important } .me-md-12 { - margin-inline-end: 48px !important; + margin-inline-end: 48px !important } .ma-md-12 { - margin: 48px !important; + margin: 48px !important } .mt-md-13, .my-md-13 { - margin-top: 52px !important; + margin-top: 52px !important } .mr-md-13, .mx-md-13 { - margin-right: 52px !important; + margin-right: 52px !important } .ml-md-13, .mx-md-13 { - margin-left: 52px !important; + margin-left: 52px !important } .mb-md-13, .my-md-13 { - margin-bottom: 52px !important; + margin-bottom: 52px !important } .ms-md-13 { - margin-inline-start: 52px !important; + margin-inline-start: 52px !important } .me-md-13 { - margin-inline-end: 52px !important; + margin-inline-end: 52px !important } .ma-md-13 { - margin: 52px !important; + margin: 52px !important } .mt-md-14, .my-md-14 { - margin-top: 56px !important; + margin-top: 56px !important } .mr-md-14, .mx-md-14 { - margin-right: 56px !important; + margin-right: 56px !important } .ml-md-14, .mx-md-14 { - margin-left: 56px !important; + margin-left: 56px !important } .mb-md-14, .my-md-14 { - margin-bottom: 56px !important; + margin-bottom: 56px !important } .ms-md-14 { - margin-inline-start: 56px !important; + margin-inline-start: 56px !important } .me-md-14 { - margin-inline-end: 56px !important; + margin-inline-end: 56px !important } .ma-md-14 { - margin: 56px !important; + margin: 56px !important } .mt-md-15, .my-md-15 { - margin-top: 60px !important; + margin-top: 60px !important } .mr-md-15, .mx-md-15 { - margin-right: 60px !important; + margin-right: 60px !important } .ml-md-15, .mx-md-15 { - margin-left: 60px !important; + margin-left: 60px !important } .mb-md-15, .my-md-15 { - margin-bottom: 60px !important; + margin-bottom: 60px !important } .ms-md-15 { - margin-inline-start: 60px !important; + margin-inline-start: 60px !important } .me-md-15 { - margin-inline-end: 60px !important; + margin-inline-end: 60px !important } .ma-md-15 { - margin: 60px !important; + margin: 60px !important } .mt-md-16, .my-md-16 { - margin-top: 64px !important; + margin-top: 64px !important } .mr-md-16, .mx-md-16 { - margin-right: 64px !important; + margin-right: 64px !important } .ml-md-16, .mx-md-16 { - margin-left: 64px !important; + margin-left: 64px !important } .mb-md-16, .my-md-16 { - margin-bottom: 64px !important; + margin-bottom: 64px !important } .ms-md-16 { - margin-inline-start: 64px !important; + margin-inline-start: 64px !important } .me-md-16 { - margin-inline-end: 64px !important; + margin-inline-end: 64px !important } .ma-md-16 { - margin: 64px !important; + margin: 64px !important } .mt-md-auto, .my-md-auto { - margin-top: auto !important; + margin-top: auto !important } .mr-md-auto, .mx-md-auto { - margin-right: auto !important; + margin-right: auto !important } .ml-md-auto, .mx-md-auto { - margin-left: auto !important; + margin-left: auto !important } .mb-md-auto, .my-md-auto { - margin-bottom: auto !important; + margin-bottom: auto !important } .ms-md-auto { - margin-inline-start: auto !important; + margin-inline-start: auto !important } .me-md-auto { - margin-inline-end: auto !important; + margin-inline-end: auto !important } .ma-md-auto { - margin: auto !important; + margin: auto !important } .pt-md-0, .py-md-0 { - padding-top: 0 !important; + padding-top: 0 !important } .pr-md-0, .px-md-0 { - padding-right: 0 !important; + padding-right: 0 !important } .pl-md-0, .px-md-0 { - padding-left: 0 !important; + padding-left: 0 !important } .pb-md-0, .py-md-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important } .ps-md-0 { - padding-inline-start: 0 !important; + padding-inline-start: 0 !important } .pe-md-0 { - padding-inline-end: 0 !important; + padding-inline-end: 0 !important } .pa-md-0 { - padding: 0 !important; + padding: 0 !important } .pt-md-1, .py-md-1 { - padding-top: 4px !important; + padding-top: 4px !important } .pr-md-1, .px-md-1 { - padding-right: 4px !important; + padding-right: 4px !important } .pl-md-1, .px-md-1 { - padding-left: 4px !important; + padding-left: 4px !important } .pb-md-1, .py-md-1 { - padding-bottom: 4px !important; + padding-bottom: 4px !important } .ps-md-1 { - padding-inline-start: 4px !important; + padding-inline-start: 4px !important } .pe-md-1 { - padding-inline-end: 4px !important; + padding-inline-end: 4px !important } .pa-md-1 { - padding: 4px !important; + padding: 4px !important } .pt-md-2, .py-md-2 { - padding-top: 8px !important; + padding-top: 8px !important } .pr-md-2, .px-md-2 { - padding-right: 8px !important; + padding-right: 8px !important } .pl-md-2, .px-md-2 { - padding-left: 8px !important; + padding-left: 8px !important } .pb-md-2, .py-md-2 { - padding-bottom: 8px !important; + padding-bottom: 8px !important } .ps-md-2 { - padding-inline-start: 8px !important; + padding-inline-start: 8px !important } .pe-md-2 { - padding-inline-end: 8px !important; + padding-inline-end: 8px !important } .pa-md-2 { - padding: 8px !important; + padding: 8px !important } .pt-md-3, .py-md-3 { - padding-top: 12px !important; + padding-top: 12px !important } .pr-md-3, .px-md-3 { - padding-right: 12px !important; + padding-right: 12px !important } .pl-md-3, .px-md-3 { - padding-left: 12px !important; + padding-left: 12px !important } .pb-md-3, .py-md-3 { - padding-bottom: 12px !important; + padding-bottom: 12px !important } .ps-md-3 { - padding-inline-start: 12px !important; + padding-inline-start: 12px !important } .pe-md-3 { - padding-inline-end: 12px !important; + padding-inline-end: 12px !important } .pa-md-3 { - padding: 12px !important; + padding: 12px !important } .pt-md-4, .py-md-4 { - padding-top: 16px !important; + padding-top: 16px !important } .pr-md-4, .px-md-4 { - padding-right: 16px !important; + padding-right: 16px !important } .pl-md-4, .px-md-4 { - padding-left: 16px !important; + padding-left: 16px !important } .pb-md-4, .py-md-4 { - padding-bottom: 16px !important; + padding-bottom: 16px !important } .ps-md-4 { - padding-inline-start: 16px !important; + padding-inline-start: 16px !important } .pe-md-4 { - padding-inline-end: 16px !important; + padding-inline-end: 16px !important } .pa-md-4 { - padding: 16px !important; + padding: 16px !important } .pt-md-5, .py-md-5 { - padding-top: 20px !important; + padding-top: 20px !important } .pr-md-5, .px-md-5 { - padding-right: 20px !important; + padding-right: 20px !important } .pl-md-5, .px-md-5 { - padding-left: 20px !important; + padding-left: 20px !important } .pb-md-5, .py-md-5 { - padding-bottom: 20px !important; + padding-bottom: 20px !important } .ps-md-5 { - padding-inline-start: 20px !important; + padding-inline-start: 20px !important } .pe-md-5 { - padding-inline-end: 20px !important; + padding-inline-end: 20px !important } .pa-md-5 { - padding: 20px !important; + padding: 20px !important } .pt-md-6, .py-md-6 { - padding-top: 24px !important; + padding-top: 24px !important } .pr-md-6, .px-md-6 { - padding-right: 24px !important; + padding-right: 24px !important } .pl-md-6, .px-md-6 { - padding-left: 24px !important; + padding-left: 24px !important } .pb-md-6, .py-md-6 { - padding-bottom: 24px !important; + padding-bottom: 24px !important } .ps-md-6 { - padding-inline-start: 24px !important; + padding-inline-start: 24px !important } .pe-md-6 { - padding-inline-end: 24px !important; + padding-inline-end: 24px !important } .pa-md-6 { - padding: 24px !important; + padding: 24px !important } .pt-md-7, .py-md-7 { - padding-top: 28px !important; + padding-top: 28px !important } .pr-md-7, .px-md-7 { - padding-right: 28px !important; + padding-right: 28px !important } .pl-md-7, .px-md-7 { - padding-left: 28px !important; + padding-left: 28px !important } .pb-md-7, .py-md-7 { - padding-bottom: 28px !important; + padding-bottom: 28px !important } .ps-md-7 { - padding-inline-start: 28px !important; + padding-inline-start: 28px !important } .pe-md-7 { - padding-inline-end: 28px !important; + padding-inline-end: 28px !important } .pa-md-7 { - padding: 28px !important; + padding: 28px !important } .pt-md-8, .py-md-8 { - padding-top: 32px !important; + padding-top: 32px !important } .pr-md-8, .px-md-8 { - padding-right: 32px !important; + padding-right: 32px !important } .pl-md-8, .px-md-8 { - padding-left: 32px !important; + padding-left: 32px !important } .pb-md-8, .py-md-8 { - padding-bottom: 32px !important; + padding-bottom: 32px !important } .ps-md-8 { - padding-inline-start: 32px !important; + padding-inline-start: 32px !important } .pe-md-8 { - padding-inline-end: 32px !important; + padding-inline-end: 32px !important } .pa-md-8 { - padding: 32px !important; + padding: 32px !important } .pt-md-9, .py-md-9 { - padding-top: 36px !important; + padding-top: 36px !important } .pr-md-9, .px-md-9 { - padding-right: 36px !important; + padding-right: 36px !important } .pl-md-9, .px-md-9 { - padding-left: 36px !important; + padding-left: 36px !important } .pb-md-9, .py-md-9 { - padding-bottom: 36px !important; + padding-bottom: 36px !important } .ps-md-9 { - padding-inline-start: 36px !important; + padding-inline-start: 36px !important } .pe-md-9 { - padding-inline-end: 36px !important; + padding-inline-end: 36px !important } .pa-md-9 { - padding: 36px !important; + padding: 36px !important } .pt-md-10, .py-md-10 { - padding-top: 40px !important; + padding-top: 40px !important } .pr-md-10, .px-md-10 { - padding-right: 40px !important; + padding-right: 40px !important } .pl-md-10, .px-md-10 { - padding-left: 40px !important; + padding-left: 40px !important } .pb-md-10, .py-md-10 { - padding-bottom: 40px !important; + padding-bottom: 40px !important } .ps-md-10 { - padding-inline-start: 40px !important; + padding-inline-start: 40px !important } .pe-md-10 { - padding-inline-end: 40px !important; + padding-inline-end: 40px !important } .pa-md-10 { - padding: 40px !important; + padding: 40px !important } .pt-md-11, .py-md-11 { - padding-top: 44px !important; + padding-top: 44px !important } .pr-md-11, .px-md-11 { - padding-right: 44px !important; + padding-right: 44px !important } .pl-md-11, .px-md-11 { - padding-left: 44px !important; + padding-left: 44px !important } .pb-md-11, .py-md-11 { - padding-bottom: 44px !important; + padding-bottom: 44px !important } .ps-md-11 { - padding-inline-start: 44px !important; + padding-inline-start: 44px !important } .pe-md-11 { - padding-inline-end: 44px !important; + padding-inline-end: 44px !important } .pa-md-11 { - padding: 44px !important; + padding: 44px !important } .pt-md-12, .py-md-12 { - padding-top: 48px !important; + padding-top: 48px !important } .pr-md-12, .px-md-12 { - padding-right: 48px !important; + padding-right: 48px !important } .pl-md-12, .px-md-12 { - padding-left: 48px !important; + padding-left: 48px !important } .pb-md-12, .py-md-12 { - padding-bottom: 48px !important; + padding-bottom: 48px !important } .ps-md-12 { - padding-inline-start: 48px !important; + padding-inline-start: 48px !important } .pe-md-12 { - padding-inline-end: 48px !important; + padding-inline-end: 48px !important } .pa-md-12 { - padding: 48px !important; + padding: 48px !important } .pt-md-13, .py-md-13 { - padding-top: 52px !important; + padding-top: 52px !important } .pr-md-13, .px-md-13 { - padding-right: 52px !important; + padding-right: 52px !important } .pl-md-13, .px-md-13 { - padding-left: 52px !important; + padding-left: 52px !important } .pb-md-13, .py-md-13 { - padding-bottom: 52px !important; + padding-bottom: 52px !important } .ps-md-13 { - padding-inline-start: 52px !important; + padding-inline-start: 52px !important } .pe-md-13 { - padding-inline-end: 52px !important; + padding-inline-end: 52px !important } .pa-md-13 { - padding: 52px !important; + padding: 52px !important } .pt-md-14, .py-md-14 { - padding-top: 56px !important; + padding-top: 56px !important } .pr-md-14, .px-md-14 { - padding-right: 56px !important; + padding-right: 56px !important } .pl-md-14, .px-md-14 { - padding-left: 56px !important; + padding-left: 56px !important } .pb-md-14, .py-md-14 { - padding-bottom: 56px !important; + padding-bottom: 56px !important } .ps-md-14 { - padding-inline-start: 56px !important; + padding-inline-start: 56px !important } .pe-md-14 { - padding-inline-end: 56px !important; + padding-inline-end: 56px !important } .pa-md-14 { - padding: 56px !important; + padding: 56px !important } .pt-md-15, .py-md-15 { - padding-top: 60px !important; + padding-top: 60px !important } .pr-md-15, .px-md-15 { - padding-right: 60px !important; + padding-right: 60px !important } .pl-md-15, .px-md-15 { - padding-left: 60px !important; + padding-left: 60px !important } .pb-md-15, .py-md-15 { - padding-bottom: 60px !important; + padding-bottom: 60px !important } .ps-md-15 { - padding-inline-start: 60px !important; + padding-inline-start: 60px !important } .pe-md-15 { - padding-inline-end: 60px !important; + padding-inline-end: 60px !important } .pa-md-15 { - padding: 60px !important; + padding: 60px !important } .pt-md-16, .py-md-16 { - padding-top: 64px !important; + padding-top: 64px !important } .pr-md-16, .px-md-16 { - padding-right: 64px !important; + padding-right: 64px !important } .pl-md-16, .px-md-16 { - padding-left: 64px !important; + padding-left: 64px !important } .pb-md-16, .py-md-16 { - padding-bottom: 64px !important; + padding-bottom: 64px !important } .ps-md-16 { - padding-inline-start: 64px !important; + padding-inline-start: 64px !important } .pe-md-16 { - padding-inline-end: 64px !important; + padding-inline-end: 64px !important } .pa-md-16 { - padding: 64px !important; + padding: 64px !important } .pt-md-auto, .py-md-auto { - padding-top: auto !important; + padding-top: auto !important } .pr-md-auto, .px-md-auto { - padding-right: auto !important; + padding-right: auto !important } .pl-md-auto, .px-md-auto { - padding-left: auto !important; + padding-left: auto !important } .pb-md-auto, .py-md-auto { - padding-bottom: auto !important; + padding-bottom: auto !important } .ps-md-auto { - padding-inline-start: auto !important; + padding-inline-start: auto !important } .pe-md-auto { - padding-inline-end: auto !important; + padding-inline-end: auto !important } .pa-md-auto { - padding: auto !important; + padding: auto !important } .mt-md-n1, .my-md-n1 { - margin-top: -4px !important; + margin-top: -4px !important } .mr-md-n1, .mx-md-n1 { - margin-right: -4px !important; + margin-right: -4px !important } .ml-md-n1, .mx-md-n1 { - margin-left: -4px !important; + margin-left: -4px !important } .mb-md-n1, .my-md-n1 { - margin-bottom: -4px !important; + margin-bottom: -4px !important } .ms-md-n1 { - margin-inline-start: -4px !important; + margin-inline-start: -4px !important } .me-md-n1 { - margin-inline-end: -4px !important; + margin-inline-end: -4px !important } .ma-md-n1 { - margin: -4px !important; + margin: -4px !important } .mt-md-n2, .my-md-n2 { - margin-top: -8px !important; + margin-top: -8px !important } .mr-md-n2, .mx-md-n2 { - margin-right: -8px !important; + margin-right: -8px !important } .ml-md-n2, .mx-md-n2 { - margin-left: -8px !important; + margin-left: -8px !important } .mb-md-n2, .my-md-n2 { - margin-bottom: -8px !important; + margin-bottom: -8px !important } .ms-md-n2 { - margin-inline-start: -8px !important; + margin-inline-start: -8px !important } .me-md-n2 { - margin-inline-end: -8px !important; + margin-inline-end: -8px !important } .ma-md-n2 { - margin: -8px !important; + margin: -8px !important } .mt-md-n3, .my-md-n3 { - margin-top: -12px !important; + margin-top: -12px !important } .mr-md-n3, .mx-md-n3 { - margin-right: -12px !important; + margin-right: -12px !important } .ml-md-n3, .mx-md-n3 { - margin-left: -12px !important; + margin-left: -12px !important } .mb-md-n3, .my-md-n3 { - margin-bottom: -12px !important; + margin-bottom: -12px !important } .ms-md-n3 { - margin-inline-start: -12px !important; + margin-inline-start: -12px !important } .me-md-n3 { - margin-inline-end: -12px !important; + margin-inline-end: -12px !important } .ma-md-n3 { - margin: -12px !important; + margin: -12px !important } .mt-md-n4, .my-md-n4 { - margin-top: -16px !important; + margin-top: -16px !important } .mr-md-n4, .mx-md-n4 { - margin-right: -16px !important; + margin-right: -16px !important } .ml-md-n4, .mx-md-n4 { - margin-left: -16px !important; + margin-left: -16px !important } .mb-md-n4, .my-md-n4 { - margin-bottom: -16px !important; + margin-bottom: -16px !important } .ms-md-n4 { - margin-inline-start: -16px !important; + margin-inline-start: -16px !important } .me-md-n4 { - margin-inline-end: -16px !important; + margin-inline-end: -16px !important } .ma-md-n4 { - margin: -16px !important; + margin: -16px !important } .mt-md-n5, .my-md-n5 { - margin-top: -20px !important; + margin-top: -20px !important } .mr-md-n5, .mx-md-n5 { - margin-right: -20px !important; + margin-right: -20px !important } .ml-md-n5, .mx-md-n5 { - margin-left: -20px !important; + margin-left: -20px !important } .mb-md-n5, .my-md-n5 { - margin-bottom: -20px !important; + margin-bottom: -20px !important } .ms-md-n5 { - margin-inline-start: -20px !important; + margin-inline-start: -20px !important } .me-md-n5 { - margin-inline-end: -20px !important; + margin-inline-end: -20px !important } .ma-md-n5 { - margin: -20px !important; + margin: -20px !important } .mt-md-n6, .my-md-n6 { - margin-top: -24px !important; + margin-top: -24px !important } .mr-md-n6, .mx-md-n6 { - margin-right: -24px !important; + margin-right: -24px !important } .ml-md-n6, .mx-md-n6 { - margin-left: -24px !important; + margin-left: -24px !important } .mb-md-n6, .my-md-n6 { - margin-bottom: -24px !important; + margin-bottom: -24px !important } .ms-md-n6 { - margin-inline-start: -24px !important; + margin-inline-start: -24px !important } .me-md-n6 { - margin-inline-end: -24px !important; + margin-inline-end: -24px !important } .ma-md-n6 { - margin: -24px !important; + margin: -24px !important } .mt-md-n7, .my-md-n7 { - margin-top: -28px !important; + margin-top: -28px !important } .mr-md-n7, .mx-md-n7 { - margin-right: -28px !important; + margin-right: -28px !important } .ml-md-n7, .mx-md-n7 { - margin-left: -28px !important; + margin-left: -28px !important } .mb-md-n7, .my-md-n7 { - margin-bottom: -28px !important; + margin-bottom: -28px !important } .ms-md-n7 { - margin-inline-start: -28px !important; + margin-inline-start: -28px !important } .me-md-n7 { - margin-inline-end: -28px !important; + margin-inline-end: -28px !important } .ma-md-n7 { - margin: -28px !important; + margin: -28px !important } .mt-md-n8, .my-md-n8 { - margin-top: -32px !important; + margin-top: -32px !important } .mr-md-n8, .mx-md-n8 { - margin-right: -32px !important; + margin-right: -32px !important } .ml-md-n8, .mx-md-n8 { - margin-left: -32px !important; + margin-left: -32px !important } .mb-md-n8, .my-md-n8 { - margin-bottom: -32px !important; + margin-bottom: -32px !important } .ms-md-n8 { - margin-inline-start: -32px !important; + margin-inline-start: -32px !important } .me-md-n8 { - margin-inline-end: -32px !important; + margin-inline-end: -32px !important } .ma-md-n8 { - margin: -32px !important; + margin: -32px !important } .mt-md-n9, .my-md-n9 { - margin-top: -36px !important; + margin-top: -36px !important } .mr-md-n9, .mx-md-n9 { - margin-right: -36px !important; + margin-right: -36px !important } .ml-md-n9, .mx-md-n9 { - margin-left: -36px !important; + margin-left: -36px !important } .mb-md-n9, .my-md-n9 { - margin-bottom: -36px !important; + margin-bottom: -36px !important } .ms-md-n9 { - margin-inline-start: -36px !important; + margin-inline-start: -36px !important } .me-md-n9 { - margin-inline-end: -36px !important; + margin-inline-end: -36px !important } .ma-md-n9 { - margin: -36px !important; + margin: -36px !important } .mt-md-n10, .my-md-n10 { - margin-top: -40px !important; + margin-top: -40px !important } .mr-md-n10, .mx-md-n10 { - margin-right: -40px !important; + margin-right: -40px !important } .ml-md-n10, .mx-md-n10 { - margin-left: -40px !important; + margin-left: -40px !important } .mb-md-n10, .my-md-n10 { - margin-bottom: -40px !important; + margin-bottom: -40px !important } .ms-md-n10 { - margin-inline-start: -40px !important; + margin-inline-start: -40px !important } .me-md-n10 { - margin-inline-end: -40px !important; + margin-inline-end: -40px !important } .ma-md-n10 { - margin: -40px !important; + margin: -40px !important } .mt-md-n11, .my-md-n11 { - margin-top: -44px !important; + margin-top: -44px !important } .mr-md-n11, .mx-md-n11 { - margin-right: -44px !important; + margin-right: -44px !important } .ml-md-n11, .mx-md-n11 { - margin-left: -44px !important; + margin-left: -44px !important } .mb-md-n11, .my-md-n11 { - margin-bottom: -44px !important; + margin-bottom: -44px !important } .ms-md-n11 { - margin-inline-start: -44px !important; + margin-inline-start: -44px !important } .me-md-n11 { - margin-inline-end: -44px !important; + margin-inline-end: -44px !important } .ma-md-n11 { - margin: -44px !important; + margin: -44px !important } .mt-md-n12, .my-md-n12 { - margin-top: -48px !important; + margin-top: -48px !important } .mr-md-n12, .mx-md-n12 { - margin-right: -48px !important; + margin-right: -48px !important } .ml-md-n12, .mx-md-n12 { - margin-left: -48px !important; + margin-left: -48px !important } .mb-md-n12, .my-md-n12 { - margin-bottom: -48px !important; + margin-bottom: -48px !important } .ms-md-n12 { - margin-inline-start: -48px !important; + margin-inline-start: -48px !important } .me-md-n12 { - margin-inline-end: -48px !important; + margin-inline-end: -48px !important } .ma-md-n12 { - margin: -48px !important; + margin: -48px !important } .mt-md-n13, .my-md-n13 { - margin-top: -52px !important; + margin-top: -52px !important } .mr-md-n13, .mx-md-n13 { - margin-right: -52px !important; + margin-right: -52px !important } .ml-md-n13, .mx-md-n13 { - margin-left: -52px !important; + margin-left: -52px !important } .mb-md-n13, .my-md-n13 { - margin-bottom: -52px !important; + margin-bottom: -52px !important } .ms-md-n13 { - margin-inline-start: -52px !important; + margin-inline-start: -52px !important } .me-md-n13 { - margin-inline-end: -52px !important; + margin-inline-end: -52px !important } .ma-md-n13 { - margin: -52px !important; + margin: -52px !important } .mt-md-n14, .my-md-n14 { - margin-top: -56px !important; + margin-top: -56px !important } .mr-md-n14, .mx-md-n14 { - margin-right: -56px !important; + margin-right: -56px !important } .ml-md-n14, .mx-md-n14 { - margin-left: -56px !important; + margin-left: -56px !important } .mb-md-n14, .my-md-n14 { - margin-bottom: -56px !important; + margin-bottom: -56px !important } .ms-md-n14 { - margin-inline-start: -56px !important; + margin-inline-start: -56px !important } .me-md-n14 { - margin-inline-end: -56px !important; + margin-inline-end: -56px !important } .ma-md-n14 { - margin: -56px !important; + margin: -56px !important } .mt-md-n15, .my-md-n15 { - margin-top: -60px !important; + margin-top: -60px !important } .mr-md-n15, .mx-md-n15 { - margin-right: -60px !important; + margin-right: -60px !important } .ml-md-n15, .mx-md-n15 { - margin-left: -60px !important; + margin-left: -60px !important } .mb-md-n15, .my-md-n15 { - margin-bottom: -60px !important; + margin-bottom: -60px !important } .ms-md-n15 { - margin-inline-start: -60px !important; + margin-inline-start: -60px !important } .me-md-n15 { - margin-inline-end: -60px !important; + margin-inline-end: -60px !important } .ma-md-n15 { - margin: -60px !important; + margin: -60px !important } .mt-md-n16, .my-md-n16 { - margin-top: -64px !important; + margin-top: -64px !important } .mr-md-n16, .mx-md-n16 { - margin-right: -64px !important; + margin-right: -64px !important } .ml-md-n16, .mx-md-n16 { - margin-left: -64px !important; + margin-left: -64px !important } .mb-md-n16, .my-md-n16 { - margin-bottom: -64px !important; + margin-bottom: -64px !important } .ms-md-n16 { - margin-inline-start: -64px !important; + margin-inline-start: -64px !important } .me-md-n16 { - margin-inline-end: -64px !important; + margin-inline-end: -64px !important } .ma-md-n16 { - margin: -64px !important; + margin: -64px !important } } -@media screen and (min-width:1280px) { +@media screen and (min-width: 1280px) { .mt-lg-0, .my-lg-0 { - margin-top: 0 !important; + margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { - margin-right: 0 !important; + margin-right: 0 !important } .ml-lg-0, .mx-lg-0 { - margin-left: 0 !important; + margin-left: 0 !important } .mb-lg-0, .my-lg-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important } .ms-lg-0 { - margin-inline-start: 0 !important; + margin-inline-start: 0 !important } .me-lg-0 { - margin-inline-end: 0 !important; + margin-inline-end: 0 !important } .ma-lg-0 { - margin: 0 !important; + margin: 0 !important } .mt-lg-1, .my-lg-1 { - margin-top: 4px !important; + margin-top: 4px !important } .mr-lg-1, .mx-lg-1 { - margin-right: 4px !important; + margin-right: 4px !important } .ml-lg-1, .mx-lg-1 { - margin-left: 4px !important; + margin-left: 4px !important } .mb-lg-1, .my-lg-1 { - margin-bottom: 4px !important; + margin-bottom: 4px !important } .ms-lg-1 { - margin-inline-start: 4px !important; + margin-inline-start: 4px !important } .me-lg-1 { - margin-inline-end: 4px !important; + margin-inline-end: 4px !important } .ma-lg-1 { - margin: 4px !important; + margin: 4px !important } .mt-lg-2, .my-lg-2 { - margin-top: 8px !important; + margin-top: 8px !important } .mr-lg-2, .mx-lg-2 { - margin-right: 8px !important; + margin-right: 8px !important } .ml-lg-2, .mx-lg-2 { - margin-left: 8px !important; + margin-left: 8px !important } .mb-lg-2, .my-lg-2 { - margin-bottom: 8px !important; + margin-bottom: 8px !important } .ms-lg-2 { - margin-inline-start: 8px !important; + margin-inline-start: 8px !important } .me-lg-2 { - margin-inline-end: 8px !important; + margin-inline-end: 8px !important } .ma-lg-2 { - margin: 8px !important; + margin: 8px !important } .mt-lg-3, .my-lg-3 { - margin-top: 12px !important; + margin-top: 12px !important } .mr-lg-3, .mx-lg-3 { - margin-right: 12px !important; + margin-right: 12px !important } .ml-lg-3, .mx-lg-3 { - margin-left: 12px !important; + margin-left: 12px !important } .mb-lg-3, .my-lg-3 { - margin-bottom: 12px !important; + margin-bottom: 12px !important } .ms-lg-3 { - margin-inline-start: 12px !important; + margin-inline-start: 12px !important } .me-lg-3 { - margin-inline-end: 12px !important; + margin-inline-end: 12px !important } .ma-lg-3 { - margin: 12px !important; + margin: 12px !important } .mt-lg-4, .my-lg-4 { - margin-top: 16px !important; + margin-top: 16px !important } .mr-lg-4, .mx-lg-4 { - margin-right: 16px !important; + margin-right: 16px !important } .ml-lg-4, .mx-lg-4 { - margin-left: 16px !important; + margin-left: 16px !important } .mb-lg-4, .my-lg-4 { - margin-bottom: 16px !important; + margin-bottom: 16px !important } .ms-lg-4 { - margin-inline-start: 16px !important; + margin-inline-start: 16px !important } .me-lg-4 { - margin-inline-end: 16px !important; + margin-inline-end: 16px !important } .ma-lg-4 { - margin: 16px !important; + margin: 16px !important } .mt-lg-5, .my-lg-5 { - margin-top: 20px !important; + margin-top: 20px !important } .mr-lg-5, .mx-lg-5 { - margin-right: 20px !important; + margin-right: 20px !important } .ml-lg-5, .mx-lg-5 { - margin-left: 20px !important; + margin-left: 20px !important } .mb-lg-5, .my-lg-5 { - margin-bottom: 20px !important; + margin-bottom: 20px !important } .ms-lg-5 { - margin-inline-start: 20px !important; + margin-inline-start: 20px !important } .me-lg-5 { - margin-inline-end: 20px !important; + margin-inline-end: 20px !important } .ma-lg-5 { - margin: 20px !important; + margin: 20px !important } .mt-lg-6, .my-lg-6 { - margin-top: 24px !important; + margin-top: 24px !important } .mr-lg-6, .mx-lg-6 { - margin-right: 24px !important; + margin-right: 24px !important } .ml-lg-6, .mx-lg-6 { - margin-left: 24px !important; + margin-left: 24px !important } .mb-lg-6, .my-lg-6 { - margin-bottom: 24px !important; + margin-bottom: 24px !important } .ms-lg-6 { - margin-inline-start: 24px !important; + margin-inline-start: 24px !important } .me-lg-6 { - margin-inline-end: 24px !important; + margin-inline-end: 24px !important } .ma-lg-6 { - margin: 24px !important; + margin: 24px !important } .mt-lg-7, .my-lg-7 { - margin-top: 28px !important; + margin-top: 28px !important } .mr-lg-7, .mx-lg-7 { - margin-right: 28px !important; + margin-right: 28px !important } .ml-lg-7, .mx-lg-7 { - margin-left: 28px !important; + margin-left: 28px !important } .mb-lg-7, .my-lg-7 { - margin-bottom: 28px !important; + margin-bottom: 28px !important } .ms-lg-7 { - margin-inline-start: 28px !important; + margin-inline-start: 28px !important } .me-lg-7 { - margin-inline-end: 28px !important; + margin-inline-end: 28px !important } .ma-lg-7 { - margin: 28px !important; + margin: 28px !important } .mt-lg-8, .my-lg-8 { - margin-top: 32px !important; + margin-top: 32px !important } .mr-lg-8, .mx-lg-8 { - margin-right: 32px !important; + margin-right: 32px !important } .ml-lg-8, .mx-lg-8 { - margin-left: 32px !important; + margin-left: 32px !important } .mb-lg-8, .my-lg-8 { - margin-bottom: 32px !important; + margin-bottom: 32px !important } .ms-lg-8 { - margin-inline-start: 32px !important; + margin-inline-start: 32px !important } .me-lg-8 { - margin-inline-end: 32px !important; + margin-inline-end: 32px !important } .ma-lg-8 { - margin: 32px !important; + margin: 32px !important } .mt-lg-9, .my-lg-9 { - margin-top: 36px !important; + margin-top: 36px !important } .mr-lg-9, .mx-lg-9 { - margin-right: 36px !important; + margin-right: 36px !important } .ml-lg-9, .mx-lg-9 { - margin-left: 36px !important; + margin-left: 36px !important } .mb-lg-9, .my-lg-9 { - margin-bottom: 36px !important; + margin-bottom: 36px !important } .ms-lg-9 { - margin-inline-start: 36px !important; + margin-inline-start: 36px !important } .me-lg-9 { - margin-inline-end: 36px !important; + margin-inline-end: 36px !important } .ma-lg-9 { - margin: 36px !important; + margin: 36px !important } .mt-lg-10, .my-lg-10 { - margin-top: 40px !important; + margin-top: 40px !important } .mr-lg-10, .mx-lg-10 { - margin-right: 40px !important; + margin-right: 40px !important } .ml-lg-10, .mx-lg-10 { - margin-left: 40px !important; + margin-left: 40px !important } .mb-lg-10, .my-lg-10 { - margin-bottom: 40px !important; + margin-bottom: 40px !important } .ms-lg-10 { - margin-inline-start: 40px !important; + margin-inline-start: 40px !important } .me-lg-10 { - margin-inline-end: 40px !important; + margin-inline-end: 40px !important } .ma-lg-10 { - margin: 40px !important; + margin: 40px !important } .mt-lg-11, .my-lg-11 { - margin-top: 44px !important; + margin-top: 44px !important } .mr-lg-11, .mx-lg-11 { - margin-right: 44px !important; + margin-right: 44px !important } .ml-lg-11, .mx-lg-11 { - margin-left: 44px !important; + margin-left: 44px !important } .mb-lg-11, .my-lg-11 { - margin-bottom: 44px !important; + margin-bottom: 44px !important } .ms-lg-11 { - margin-inline-start: 44px !important; + margin-inline-start: 44px !important } .me-lg-11 { - margin-inline-end: 44px !important; + margin-inline-end: 44px !important } .ma-lg-11 { - margin: 44px !important; + margin: 44px !important } .mt-lg-12, .my-lg-12 { - margin-top: 48px !important; + margin-top: 48px !important } .mr-lg-12, .mx-lg-12 { - margin-right: 48px !important; + margin-right: 48px !important } .ml-lg-12, .mx-lg-12 { - margin-left: 48px !important; + margin-left: 48px !important } .mb-lg-12, .my-lg-12 { - margin-bottom: 48px !important; + margin-bottom: 48px !important } .ms-lg-12 { - margin-inline-start: 48px !important; + margin-inline-start: 48px !important } .me-lg-12 { - margin-inline-end: 48px !important; + margin-inline-end: 48px !important } .ma-lg-12 { - margin: 48px !important; + margin: 48px !important } .mt-lg-13, .my-lg-13 { - margin-top: 52px !important; + margin-top: 52px !important } .mr-lg-13, .mx-lg-13 { - margin-right: 52px !important; + margin-right: 52px !important } .ml-lg-13, .mx-lg-13 { - margin-left: 52px !important; + margin-left: 52px !important } .mb-lg-13, .my-lg-13 { - margin-bottom: 52px !important; + margin-bottom: 52px !important } .ms-lg-13 { - margin-inline-start: 52px !important; + margin-inline-start: 52px !important } .me-lg-13 { - margin-inline-end: 52px !important; + margin-inline-end: 52px !important } .ma-lg-13 { - margin: 52px !important; + margin: 52px !important } .mt-lg-14, .my-lg-14 { - margin-top: 56px !important; + margin-top: 56px !important } .mr-lg-14, .mx-lg-14 { - margin-right: 56px !important; + margin-right: 56px !important } .ml-lg-14, .mx-lg-14 { - margin-left: 56px !important; + margin-left: 56px !important } .mb-lg-14, .my-lg-14 { - margin-bottom: 56px !important; + margin-bottom: 56px !important } .ms-lg-14 { - margin-inline-start: 56px !important; + margin-inline-start: 56px !important } .me-lg-14 { - margin-inline-end: 56px !important; + margin-inline-end: 56px !important } .ma-lg-14 { - margin: 56px !important; + margin: 56px !important } .mt-lg-15, .my-lg-15 { - margin-top: 60px !important; + margin-top: 60px !important } .mr-lg-15, .mx-lg-15 { - margin-right: 60px !important; + margin-right: 60px !important } .ml-lg-15, .mx-lg-15 { - margin-left: 60px !important; + margin-left: 60px !important } .mb-lg-15, .my-lg-15 { - margin-bottom: 60px !important; + margin-bottom: 60px !important } .ms-lg-15 { - margin-inline-start: 60px !important; + margin-inline-start: 60px !important } .me-lg-15 { - margin-inline-end: 60px !important; + margin-inline-end: 60px !important } .ma-lg-15 { - margin: 60px !important; + margin: 60px !important } .mt-lg-16, .my-lg-16 { - margin-top: 64px !important; + margin-top: 64px !important } .mr-lg-16, .mx-lg-16 { - margin-right: 64px !important; + margin-right: 64px !important } .ml-lg-16, .mx-lg-16 { - margin-left: 64px !important; + margin-left: 64px !important } .mb-lg-16, .my-lg-16 { - margin-bottom: 64px !important; + margin-bottom: 64px !important } .ms-lg-16 { - margin-inline-start: 64px !important; + margin-inline-start: 64px !important } .me-lg-16 { - margin-inline-end: 64px !important; + margin-inline-end: 64px !important } .ma-lg-16 { - margin: 64px !important; + margin: 64px !important } .mt-lg-auto, .my-lg-auto { - margin-top: auto !important; + margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { - margin-right: auto !important; + margin-right: auto !important } .ml-lg-auto, .mx-lg-auto { - margin-left: auto !important; + margin-left: auto !important } .mb-lg-auto, .my-lg-auto { - margin-bottom: auto !important; + margin-bottom: auto !important } .ms-lg-auto { - margin-inline-start: auto !important; + margin-inline-start: auto !important } .me-lg-auto { - margin-inline-end: auto !important; + margin-inline-end: auto !important } .ma-lg-auto { - margin: auto !important; + margin: auto !important } .pt-lg-0, .py-lg-0 { - padding-top: 0 !important; + padding-top: 0 !important } .pr-lg-0, .px-lg-0 { - padding-right: 0 !important; + padding-right: 0 !important } .pl-lg-0, .px-lg-0 { - padding-left: 0 !important; + padding-left: 0 !important } .pb-lg-0, .py-lg-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important } .ps-lg-0 { - padding-inline-start: 0 !important; + padding-inline-start: 0 !important } .pe-lg-0 { - padding-inline-end: 0 !important; + padding-inline-end: 0 !important } .pa-lg-0 { - padding: 0 !important; + padding: 0 !important } .pt-lg-1, .py-lg-1 { - padding-top: 4px !important; + padding-top: 4px !important } .pr-lg-1, .px-lg-1 { - padding-right: 4px !important; + padding-right: 4px !important } .pl-lg-1, .px-lg-1 { - padding-left: 4px !important; + padding-left: 4px !important } .pb-lg-1, .py-lg-1 { - padding-bottom: 4px !important; + padding-bottom: 4px !important } .ps-lg-1 { - padding-inline-start: 4px !important; + padding-inline-start: 4px !important } .pe-lg-1 { - padding-inline-end: 4px !important; + padding-inline-end: 4px !important } .pa-lg-1 { - padding: 4px !important; + padding: 4px !important } .pt-lg-2, .py-lg-2 { - padding-top: 8px !important; + padding-top: 8px !important } .pr-lg-2, .px-lg-2 { - padding-right: 8px !important; + padding-right: 8px !important } .pl-lg-2, .px-lg-2 { - padding-left: 8px !important; + padding-left: 8px !important } .pb-lg-2, .py-lg-2 { - padding-bottom: 8px !important; + padding-bottom: 8px !important } .ps-lg-2 { - padding-inline-start: 8px !important; + padding-inline-start: 8px !important } .pe-lg-2 { - padding-inline-end: 8px !important; + padding-inline-end: 8px !important } .pa-lg-2 { - padding: 8px !important; + padding: 8px !important } .pt-lg-3, .py-lg-3 { - padding-top: 12px !important; + padding-top: 12px !important } .pr-lg-3, .px-lg-3 { - padding-right: 12px !important; + padding-right: 12px !important } .pl-lg-3, .px-lg-3 { - padding-left: 12px !important; + padding-left: 12px !important } .pb-lg-3, .py-lg-3 { - padding-bottom: 12px !important; + padding-bottom: 12px !important } .ps-lg-3 { - padding-inline-start: 12px !important; + padding-inline-start: 12px !important } .pe-lg-3 { - padding-inline-end: 12px !important; + padding-inline-end: 12px !important } .pa-lg-3 { - padding: 12px !important; + padding: 12px !important } .pt-lg-4, .py-lg-4 { - padding-top: 16px !important; + padding-top: 16px !important } .pr-lg-4, .px-lg-4 { - padding-right: 16px !important; + padding-right: 16px !important } .pl-lg-4, .px-lg-4 { - padding-left: 16px !important; + padding-left: 16px !important } .pb-lg-4, .py-lg-4 { - padding-bottom: 16px !important; + padding-bottom: 16px !important } .ps-lg-4 { - padding-inline-start: 16px !important; + padding-inline-start: 16px !important } .pe-lg-4 { - padding-inline-end: 16px !important; + padding-inline-end: 16px !important } .pa-lg-4 { - padding: 16px !important; + padding: 16px !important } .pt-lg-5, .py-lg-5 { - padding-top: 20px !important; + padding-top: 20px !important } .pr-lg-5, .px-lg-5 { - padding-right: 20px !important; + padding-right: 20px !important } .pl-lg-5, .px-lg-5 { - padding-left: 20px !important; + padding-left: 20px !important } .pb-lg-5, .py-lg-5 { - padding-bottom: 20px !important; + padding-bottom: 20px !important } .ps-lg-5 { - padding-inline-start: 20px !important; + padding-inline-start: 20px !important } .pe-lg-5 { - padding-inline-end: 20px !important; + padding-inline-end: 20px !important } .pa-lg-5 { - padding: 20px !important; + padding: 20px !important } .pt-lg-6, .py-lg-6 { - padding-top: 24px !important; + padding-top: 24px !important } .pr-lg-6, .px-lg-6 { - padding-right: 24px !important; + padding-right: 24px !important } .pl-lg-6, .px-lg-6 { - padding-left: 24px !important; + padding-left: 24px !important } .pb-lg-6, .py-lg-6 { - padding-bottom: 24px !important; + padding-bottom: 24px !important } .ps-lg-6 { - padding-inline-start: 24px !important; + padding-inline-start: 24px !important } .pe-lg-6 { - padding-inline-end: 24px !important; + padding-inline-end: 24px !important } .pa-lg-6 { - padding: 24px !important; + padding: 24px !important } .pt-lg-7, .py-lg-7 { - padding-top: 28px !important; + padding-top: 28px !important } .pr-lg-7, .px-lg-7 { - padding-right: 28px !important; + padding-right: 28px !important } .pl-lg-7, .px-lg-7 { - padding-left: 28px !important; + padding-left: 28px !important } .pb-lg-7, .py-lg-7 { - padding-bottom: 28px !important; + padding-bottom: 28px !important } .ps-lg-7 { - padding-inline-start: 28px !important; + padding-inline-start: 28px !important } .pe-lg-7 { - padding-inline-end: 28px !important; + padding-inline-end: 28px !important } .pa-lg-7 { - padding: 28px !important; + padding: 28px !important } .pt-lg-8, .py-lg-8 { - padding-top: 32px !important; + padding-top: 32px !important } .pr-lg-8, .px-lg-8 { - padding-right: 32px !important; + padding-right: 32px !important } .pl-lg-8, .px-lg-8 { - padding-left: 32px !important; + padding-left: 32px !important } .pb-lg-8, .py-lg-8 { - padding-bottom: 32px !important; + padding-bottom: 32px !important } .ps-lg-8 { - padding-inline-start: 32px !important; + padding-inline-start: 32px !important } .pe-lg-8 { - padding-inline-end: 32px !important; + padding-inline-end: 32px !important } .pa-lg-8 { - padding: 32px !important; + padding: 32px !important } .pt-lg-9, .py-lg-9 { - padding-top: 36px !important; + padding-top: 36px !important } .pr-lg-9, .px-lg-9 { - padding-right: 36px !important; + padding-right: 36px !important } .pl-lg-9, .px-lg-9 { - padding-left: 36px !important; + padding-left: 36px !important } .pb-lg-9, .py-lg-9 { - padding-bottom: 36px !important; + padding-bottom: 36px !important } .ps-lg-9 { - padding-inline-start: 36px !important; + padding-inline-start: 36px !important } .pe-lg-9 { - padding-inline-end: 36px !important; + padding-inline-end: 36px !important } .pa-lg-9 { - padding: 36px !important; + padding: 36px !important } .pt-lg-10, .py-lg-10 { - padding-top: 40px !important; + padding-top: 40px !important } .pr-lg-10, .px-lg-10 { - padding-right: 40px !important; + padding-right: 40px !important } .pl-lg-10, .px-lg-10 { - padding-left: 40px !important; + padding-left: 40px !important } .pb-lg-10, .py-lg-10 { - padding-bottom: 40px !important; + padding-bottom: 40px !important } .ps-lg-10 { - padding-inline-start: 40px !important; + padding-inline-start: 40px !important } .pe-lg-10 { - padding-inline-end: 40px !important; + padding-inline-end: 40px !important } .pa-lg-10 { - padding: 40px !important; + padding: 40px !important } .pt-lg-11, .py-lg-11 { - padding-top: 44px !important; + padding-top: 44px !important } .pr-lg-11, .px-lg-11 { - padding-right: 44px !important; + padding-right: 44px !important } .pl-lg-11, .px-lg-11 { - padding-left: 44px !important; + padding-left: 44px !important } .pb-lg-11, .py-lg-11 { - padding-bottom: 44px !important; + padding-bottom: 44px !important } .ps-lg-11 { - padding-inline-start: 44px !important; + padding-inline-start: 44px !important } .pe-lg-11 { - padding-inline-end: 44px !important; + padding-inline-end: 44px !important } .pa-lg-11 { - padding: 44px !important; + padding: 44px !important } .pt-lg-12, .py-lg-12 { - padding-top: 48px !important; + padding-top: 48px !important } .pr-lg-12, .px-lg-12 { - padding-right: 48px !important; + padding-right: 48px !important } .pl-lg-12, .px-lg-12 { - padding-left: 48px !important; + padding-left: 48px !important } .pb-lg-12, .py-lg-12 { - padding-bottom: 48px !important; + padding-bottom: 48px !important } .ps-lg-12 { - padding-inline-start: 48px !important; + padding-inline-start: 48px !important } .pe-lg-12 { - padding-inline-end: 48px !important; + padding-inline-end: 48px !important } .pa-lg-12 { - padding: 48px !important; + padding: 48px !important } .pt-lg-13, .py-lg-13 { - padding-top: 52px !important; + padding-top: 52px !important } .pr-lg-13, .px-lg-13 { - padding-right: 52px !important; + padding-right: 52px !important } .pl-lg-13, .px-lg-13 { - padding-left: 52px !important; + padding-left: 52px !important } .pb-lg-13, .py-lg-13 { - padding-bottom: 52px !important; + padding-bottom: 52px !important } .ps-lg-13 { - padding-inline-start: 52px !important; + padding-inline-start: 52px !important } .pe-lg-13 { - padding-inline-end: 52px !important; + padding-inline-end: 52px !important } .pa-lg-13 { - padding: 52px !important; + padding: 52px !important } .pt-lg-14, .py-lg-14 { - padding-top: 56px !important; + padding-top: 56px !important } .pr-lg-14, .px-lg-14 { - padding-right: 56px !important; + padding-right: 56px !important } .pl-lg-14, .px-lg-14 { - padding-left: 56px !important; + padding-left: 56px !important } .pb-lg-14, .py-lg-14 { - padding-bottom: 56px !important; + padding-bottom: 56px !important } .ps-lg-14 { - padding-inline-start: 56px !important; + padding-inline-start: 56px !important } .pe-lg-14 { - padding-inline-end: 56px !important; + padding-inline-end: 56px !important } .pa-lg-14 { - padding: 56px !important; + padding: 56px !important } .pt-lg-15, .py-lg-15 { - padding-top: 60px !important; + padding-top: 60px !important } .pr-lg-15, .px-lg-15 { - padding-right: 60px !important; + padding-right: 60px !important } .pl-lg-15, .px-lg-15 { - padding-left: 60px !important; + padding-left: 60px !important } .pb-lg-15, .py-lg-15 { - padding-bottom: 60px !important; + padding-bottom: 60px !important } .ps-lg-15 { - padding-inline-start: 60px !important; + padding-inline-start: 60px !important } .pe-lg-15 { - padding-inline-end: 60px !important; + padding-inline-end: 60px !important } .pa-lg-15 { - padding: 60px !important; + padding: 60px !important } .pt-lg-16, .py-lg-16 { - padding-top: 64px !important; + padding-top: 64px !important } .pr-lg-16, .px-lg-16 { - padding-right: 64px !important; + padding-right: 64px !important } .pl-lg-16, .px-lg-16 { - padding-left: 64px !important; + padding-left: 64px !important } .pb-lg-16, .py-lg-16 { - padding-bottom: 64px !important; + padding-bottom: 64px !important } .ps-lg-16 { - padding-inline-start: 64px !important; + padding-inline-start: 64px !important } .pe-lg-16 { - padding-inline-end: 64px !important; + padding-inline-end: 64px !important } .pa-lg-16 { - padding: 64px !important; + padding: 64px !important } .pt-lg-auto, .py-lg-auto { - padding-top: auto !important; + padding-top: auto !important } .pr-lg-auto, .px-lg-auto { - padding-right: auto !important; + padding-right: auto !important } .pl-lg-auto, .px-lg-auto { - padding-left: auto !important; + padding-left: auto !important } .pb-lg-auto, .py-lg-auto { - padding-bottom: auto !important; + padding-bottom: auto !important } .ps-lg-auto { - padding-inline-start: auto !important; + padding-inline-start: auto !important } .pe-lg-auto { - padding-inline-end: auto !important; + padding-inline-end: auto !important } .pa-lg-auto { - padding: auto !important; + padding: auto !important } .mt-lg-n1, .my-lg-n1 { - margin-top: -4px !important; + margin-top: -4px !important } .mr-lg-n1, .mx-lg-n1 { - margin-right: -4px !important; + margin-right: -4px !important } .ml-lg-n1, .mx-lg-n1 { - margin-left: -4px !important; + margin-left: -4px !important } .mb-lg-n1, .my-lg-n1 { - margin-bottom: -4px !important; + margin-bottom: -4px !important } .ms-lg-n1 { - margin-inline-start: -4px !important; + margin-inline-start: -4px !important } .me-lg-n1 { - margin-inline-end: -4px !important; + margin-inline-end: -4px !important } .ma-lg-n1 { - margin: -4px !important; + margin: -4px !important } .mt-lg-n2, .my-lg-n2 { - margin-top: -8px !important; + margin-top: -8px !important } .mr-lg-n2, .mx-lg-n2 { - margin-right: -8px !important; + margin-right: -8px !important } .ml-lg-n2, .mx-lg-n2 { - margin-left: -8px !important; + margin-left: -8px !important } .mb-lg-n2, .my-lg-n2 { - margin-bottom: -8px !important; + margin-bottom: -8px !important } .ms-lg-n2 { - margin-inline-start: -8px !important; + margin-inline-start: -8px !important } .me-lg-n2 { - margin-inline-end: -8px !important; + margin-inline-end: -8px !important } .ma-lg-n2 { - margin: -8px !important; + margin: -8px !important } .mt-lg-n3, .my-lg-n3 { - margin-top: -12px !important; + margin-top: -12px !important } .mr-lg-n3, .mx-lg-n3 { - margin-right: -12px !important; + margin-right: -12px !important } .ml-lg-n3, .mx-lg-n3 { - margin-left: -12px !important; + margin-left: -12px !important } .mb-lg-n3, .my-lg-n3 { - margin-bottom: -12px !important; + margin-bottom: -12px !important } .ms-lg-n3 { - margin-inline-start: -12px !important; + margin-inline-start: -12px !important } .me-lg-n3 { - margin-inline-end: -12px !important; + margin-inline-end: -12px !important } .ma-lg-n3 { - margin: -12px !important; + margin: -12px !important } .mt-lg-n4, .my-lg-n4 { - margin-top: -16px !important; + margin-top: -16px !important } .mr-lg-n4, .mx-lg-n4 { - margin-right: -16px !important; + margin-right: -16px !important } .ml-lg-n4, .mx-lg-n4 { - margin-left: -16px !important; + margin-left: -16px !important } .mb-lg-n4, .my-lg-n4 { - margin-bottom: -16px !important; + margin-bottom: -16px !important } .ms-lg-n4 { - margin-inline-start: -16px !important; + margin-inline-start: -16px !important } .me-lg-n4 { - margin-inline-end: -16px !important; + margin-inline-end: -16px !important } .ma-lg-n4 { - margin: -16px !important; + margin: -16px !important } .mt-lg-n5, .my-lg-n5 { - margin-top: -20px !important; + margin-top: -20px !important } .mr-lg-n5, .mx-lg-n5 { - margin-right: -20px !important; + margin-right: -20px !important } .ml-lg-n5, .mx-lg-n5 { - margin-left: -20px !important; + margin-left: -20px !important } .mb-lg-n5, .my-lg-n5 { - margin-bottom: -20px !important; + margin-bottom: -20px !important } .ms-lg-n5 { - margin-inline-start: -20px !important; + margin-inline-start: -20px !important } .me-lg-n5 { - margin-inline-end: -20px !important; + margin-inline-end: -20px !important } .ma-lg-n5 { - margin: -20px !important; + margin: -20px !important } .mt-lg-n6, .my-lg-n6 { - margin-top: -24px !important; + margin-top: -24px !important } .mr-lg-n6, .mx-lg-n6 { - margin-right: -24px !important; + margin-right: -24px !important } .ml-lg-n6, .mx-lg-n6 { - margin-left: -24px !important; + margin-left: -24px !important } .mb-lg-n6, .my-lg-n6 { - margin-bottom: -24px !important; + margin-bottom: -24px !important } .ms-lg-n6 { - margin-inline-start: -24px !important; + margin-inline-start: -24px !important } .me-lg-n6 { - margin-inline-end: -24px !important; + margin-inline-end: -24px !important } .ma-lg-n6 { - margin: -24px !important; + margin: -24px !important } .mt-lg-n7, .my-lg-n7 { - margin-top: -28px !important; + margin-top: -28px !important } .mr-lg-n7, .mx-lg-n7 { - margin-right: -28px !important; + margin-right: -28px !important } .ml-lg-n7, .mx-lg-n7 { - margin-left: -28px !important; + margin-left: -28px !important } .mb-lg-n7, .my-lg-n7 { - margin-bottom: -28px !important; + margin-bottom: -28px !important } .ms-lg-n7 { - margin-inline-start: -28px !important; + margin-inline-start: -28px !important } .me-lg-n7 { - margin-inline-end: -28px !important; + margin-inline-end: -28px !important } .ma-lg-n7 { - margin: -28px !important; + margin: -28px !important } .mt-lg-n8, .my-lg-n8 { - margin-top: -32px !important; + margin-top: -32px !important } .mr-lg-n8, .mx-lg-n8 { - margin-right: -32px !important; + margin-right: -32px !important } .ml-lg-n8, .mx-lg-n8 { - margin-left: -32px !important; + margin-left: -32px !important } .mb-lg-n8, .my-lg-n8 { - margin-bottom: -32px !important; + margin-bottom: -32px !important } .ms-lg-n8 { - margin-inline-start: -32px !important; + margin-inline-start: -32px !important } .me-lg-n8 { - margin-inline-end: -32px !important; + margin-inline-end: -32px !important } .ma-lg-n8 { - margin: -32px !important; + margin: -32px !important } .mt-lg-n9, .my-lg-n9 { - margin-top: -36px !important; + margin-top: -36px !important } .mr-lg-n9, .mx-lg-n9 { - margin-right: -36px !important; + margin-right: -36px !important } .ml-lg-n9, .mx-lg-n9 { - margin-left: -36px !important; + margin-left: -36px !important } .mb-lg-n9, .my-lg-n9 { - margin-bottom: -36px !important; + margin-bottom: -36px !important } .ms-lg-n9 { - margin-inline-start: -36px !important; + margin-inline-start: -36px !important } .me-lg-n9 { - margin-inline-end: -36px !important; + margin-inline-end: -36px !important } .ma-lg-n9 { - margin: -36px !important; + margin: -36px !important } .mt-lg-n10, .my-lg-n10 { - margin-top: -40px !important; + margin-top: -40px !important } .mr-lg-n10, .mx-lg-n10 { - margin-right: -40px !important; + margin-right: -40px !important } .ml-lg-n10, .mx-lg-n10 { - margin-left: -40px !important; + margin-left: -40px !important } .mb-lg-n10, .my-lg-n10 { - margin-bottom: -40px !important; + margin-bottom: -40px !important } .ms-lg-n10 { - margin-inline-start: -40px !important; + margin-inline-start: -40px !important } .me-lg-n10 { - margin-inline-end: -40px !important; + margin-inline-end: -40px !important } .ma-lg-n10 { - margin: -40px !important; + margin: -40px !important } .mt-lg-n11, .my-lg-n11 { - margin-top: -44px !important; + margin-top: -44px !important } .mr-lg-n11, .mx-lg-n11 { - margin-right: -44px !important; + margin-right: -44px !important } .ml-lg-n11, .mx-lg-n11 { - margin-left: -44px !important; + margin-left: -44px !important } .mb-lg-n11, .my-lg-n11 { - margin-bottom: -44px !important; + margin-bottom: -44px !important } .ms-lg-n11 { - margin-inline-start: -44px !important; + margin-inline-start: -44px !important } .me-lg-n11 { - margin-inline-end: -44px !important; + margin-inline-end: -44px !important } .ma-lg-n11 { - margin: -44px !important; + margin: -44px !important } .mt-lg-n12, .my-lg-n12 { - margin-top: -48px !important; + margin-top: -48px !important } .mr-lg-n12, .mx-lg-n12 { - margin-right: -48px !important; + margin-right: -48px !important } .ml-lg-n12, .mx-lg-n12 { - margin-left: -48px !important; + margin-left: -48px !important } .mb-lg-n12, .my-lg-n12 { - margin-bottom: -48px !important; + margin-bottom: -48px !important } .ms-lg-n12 { - margin-inline-start: -48px !important; + margin-inline-start: -48px !important } .me-lg-n12 { - margin-inline-end: -48px !important; + margin-inline-end: -48px !important } .ma-lg-n12 { - margin: -48px !important; + margin: -48px !important } .mt-lg-n13, .my-lg-n13 { - margin-top: -52px !important; + margin-top: -52px !important } .mr-lg-n13, .mx-lg-n13 { - margin-right: -52px !important; + margin-right: -52px !important } .ml-lg-n13, .mx-lg-n13 { - margin-left: -52px !important; + margin-left: -52px !important } .mb-lg-n13, .my-lg-n13 { - margin-bottom: -52px !important; + margin-bottom: -52px !important } .ms-lg-n13 { - margin-inline-start: -52px !important; + margin-inline-start: -52px !important } .me-lg-n13 { - margin-inline-end: -52px !important; + margin-inline-end: -52px !important } .ma-lg-n13 { - margin: -52px !important; + margin: -52px !important } .mt-lg-n14, .my-lg-n14 { - margin-top: -56px !important; + margin-top: -56px !important } .mr-lg-n14, .mx-lg-n14 { - margin-right: -56px !important; + margin-right: -56px !important } .ml-lg-n14, .mx-lg-n14 { - margin-left: -56px !important; + margin-left: -56px !important } .mb-lg-n14, .my-lg-n14 { - margin-bottom: -56px !important; + margin-bottom: -56px !important } .ms-lg-n14 { - margin-inline-start: -56px !important; + margin-inline-start: -56px !important } .me-lg-n14 { - margin-inline-end: -56px !important; + margin-inline-end: -56px !important } .ma-lg-n14 { - margin: -56px !important; + margin: -56px !important } .mt-lg-n15, .my-lg-n15 { - margin-top: -60px !important; + margin-top: -60px !important } .mr-lg-n15, .mx-lg-n15 { - margin-right: -60px !important; + margin-right: -60px !important } .ml-lg-n15, .mx-lg-n15 { - margin-left: -60px !important; + margin-left: -60px !important } .mb-lg-n15, .my-lg-n15 { - margin-bottom: -60px !important; + margin-bottom: -60px !important } .ms-lg-n15 { - margin-inline-start: -60px !important; + margin-inline-start: -60px !important } .me-lg-n15 { - margin-inline-end: -60px !important; + margin-inline-end: -60px !important } .ma-lg-n15 { - margin: -60px !important; + margin: -60px !important } .mt-lg-n16, .my-lg-n16 { - margin-top: -64px !important; + margin-top: -64px !important } .mr-lg-n16, .mx-lg-n16 { - margin-right: -64px !important; + margin-right: -64px !important } .ml-lg-n16, .mx-lg-n16 { - margin-left: -64px !important; + margin-left: -64px !important } .mb-lg-n16, .my-lg-n16 { - margin-bottom: -64px !important; + margin-bottom: -64px !important } .ms-lg-n16 { - margin-inline-start: -64px !important; + margin-inline-start: -64px !important } .me-lg-n16 { - margin-inline-end: -64px !important; + margin-inline-end: -64px !important } .ma-lg-n16 { - margin: -64px !important; + margin: -64px !important } } -@media screen and (min-width:1920px) { +@media screen and (min-width: 1920px) { .mt-xl-0, .my-xl-0 { - margin-top: 0 !important; + margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { - margin-right: 0 !important; + margin-right: 0 !important } .ml-xl-0, .mx-xl-0 { - margin-left: 0 !important; + margin-left: 0 !important } .mb-xl-0, .my-xl-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important } .ms-xl-0 { - margin-inline-start: 0 !important; + margin-inline-start: 0 !important } .me-xl-0 { - margin-inline-end: 0 !important; + margin-inline-end: 0 !important } .ma-xl-0 { - margin: 0 !important; + margin: 0 !important } .mt-xl-1, .my-xl-1 { - margin-top: 4px !important; + margin-top: 4px !important } .mr-xl-1, .mx-xl-1 { - margin-right: 4px !important; + margin-right: 4px !important } .ml-xl-1, .mx-xl-1 { - margin-left: 4px !important; + margin-left: 4px !important } .mb-xl-1, .my-xl-1 { - margin-bottom: 4px !important; + margin-bottom: 4px !important } .ms-xl-1 { - margin-inline-start: 4px !important; + margin-inline-start: 4px !important } .me-xl-1 { - margin-inline-end: 4px !important; + margin-inline-end: 4px !important } .ma-xl-1 { - margin: 4px !important; + margin: 4px !important } .mt-xl-2, .my-xl-2 { - margin-top: 8px !important; + margin-top: 8px !important } .mr-xl-2, .mx-xl-2 { - margin-right: 8px !important; + margin-right: 8px !important } .ml-xl-2, .mx-xl-2 { - margin-left: 8px !important; + margin-left: 8px !important } .mb-xl-2, .my-xl-2 { - margin-bottom: 8px !important; + margin-bottom: 8px !important } .ms-xl-2 { - margin-inline-start: 8px !important; + margin-inline-start: 8px !important } .me-xl-2 { - margin-inline-end: 8px !important; + margin-inline-end: 8px !important } .ma-xl-2 { - margin: 8px !important; + margin: 8px !important } .mt-xl-3, .my-xl-3 { - margin-top: 12px !important; + margin-top: 12px !important } .mr-xl-3, .mx-xl-3 { - margin-right: 12px !important; + margin-right: 12px !important } .ml-xl-3, .mx-xl-3 { - margin-left: 12px !important; + margin-left: 12px !important } .mb-xl-3, .my-xl-3 { - margin-bottom: 12px !important; + margin-bottom: 12px !important } .ms-xl-3 { - margin-inline-start: 12px !important; + margin-inline-start: 12px !important } .me-xl-3 { - margin-inline-end: 12px !important; + margin-inline-end: 12px !important } .ma-xl-3 { - margin: 12px !important; + margin: 12px !important } .mt-xl-4, .my-xl-4 { - margin-top: 16px !important; + margin-top: 16px !important } .mr-xl-4, .mx-xl-4 { - margin-right: 16px !important; + margin-right: 16px !important } .ml-xl-4, .mx-xl-4 { - margin-left: 16px !important; + margin-left: 16px !important } .mb-xl-4, .my-xl-4 { - margin-bottom: 16px !important; + margin-bottom: 16px !important } .ms-xl-4 { - margin-inline-start: 16px !important; + margin-inline-start: 16px !important } .me-xl-4 { - margin-inline-end: 16px !important; + margin-inline-end: 16px !important } .ma-xl-4 { - margin: 16px !important; + margin: 16px !important } .mt-xl-5, .my-xl-5 { - margin-top: 20px !important; + margin-top: 20px !important } .mr-xl-5, .mx-xl-5 { - margin-right: 20px !important; + margin-right: 20px !important } .ml-xl-5, .mx-xl-5 { - margin-left: 20px !important; + margin-left: 20px !important } .mb-xl-5, .my-xl-5 { - margin-bottom: 20px !important; + margin-bottom: 20px !important } .ms-xl-5 { - margin-inline-start: 20px !important; + margin-inline-start: 20px !important } .me-xl-5 { - margin-inline-end: 20px !important; + margin-inline-end: 20px !important } .ma-xl-5 { - margin: 20px !important; + margin: 20px !important } .mt-xl-6, .my-xl-6 { - margin-top: 24px !important; + margin-top: 24px !important } .mr-xl-6, .mx-xl-6 { - margin-right: 24px !important; + margin-right: 24px !important } .ml-xl-6, .mx-xl-6 { - margin-left: 24px !important; + margin-left: 24px !important } .mb-xl-6, .my-xl-6 { - margin-bottom: 24px !important; + margin-bottom: 24px !important } .ms-xl-6 { - margin-inline-start: 24px !important; + margin-inline-start: 24px !important } .me-xl-6 { - margin-inline-end: 24px !important; + margin-inline-end: 24px !important } .ma-xl-6 { - margin: 24px !important; + margin: 24px !important } .mt-xl-7, .my-xl-7 { - margin-top: 28px !important; + margin-top: 28px !important } .mr-xl-7, .mx-xl-7 { - margin-right: 28px !important; + margin-right: 28px !important } .ml-xl-7, .mx-xl-7 { - margin-left: 28px !important; + margin-left: 28px !important } .mb-xl-7, .my-xl-7 { - margin-bottom: 28px !important; + margin-bottom: 28px !important } .ms-xl-7 { - margin-inline-start: 28px !important; + margin-inline-start: 28px !important } .me-xl-7 { - margin-inline-end: 28px !important; + margin-inline-end: 28px !important } .ma-xl-7 { - margin: 28px !important; + margin: 28px !important } .mt-xl-8, .my-xl-8 { - margin-top: 32px !important; + margin-top: 32px !important } .mr-xl-8, .mx-xl-8 { - margin-right: 32px !important; + margin-right: 32px !important } .ml-xl-8, .mx-xl-8 { - margin-left: 32px !important; + margin-left: 32px !important } .mb-xl-8, .my-xl-8 { - margin-bottom: 32px !important; + margin-bottom: 32px !important } .ms-xl-8 { - margin-inline-start: 32px !important; + margin-inline-start: 32px !important } .me-xl-8 { - margin-inline-end: 32px !important; + margin-inline-end: 32px !important } .ma-xl-8 { - margin: 32px !important; + margin: 32px !important } .mt-xl-9, .my-xl-9 { - margin-top: 36px !important; + margin-top: 36px !important } .mr-xl-9, .mx-xl-9 { - margin-right: 36px !important; + margin-right: 36px !important } .ml-xl-9, .mx-xl-9 { - margin-left: 36px !important; + margin-left: 36px !important } .mb-xl-9, .my-xl-9 { - margin-bottom: 36px !important; + margin-bottom: 36px !important } .ms-xl-9 { - margin-inline-start: 36px !important; + margin-inline-start: 36px !important } .me-xl-9 { - margin-inline-end: 36px !important; + margin-inline-end: 36px !important } .ma-xl-9 { - margin: 36px !important; + margin: 36px !important } .mt-xl-10, .my-xl-10 { - margin-top: 40px !important; + margin-top: 40px !important } .mr-xl-10, .mx-xl-10 { - margin-right: 40px !important; + margin-right: 40px !important } .ml-xl-10, .mx-xl-10 { - margin-left: 40px !important; + margin-left: 40px !important } .mb-xl-10, .my-xl-10 { - margin-bottom: 40px !important; + margin-bottom: 40px !important } .ms-xl-10 { - margin-inline-start: 40px !important; + margin-inline-start: 40px !important } .me-xl-10 { - margin-inline-end: 40px !important; + margin-inline-end: 40px !important } .ma-xl-10 { - margin: 40px !important; + margin: 40px !important } .mt-xl-11, .my-xl-11 { - margin-top: 44px !important; + margin-top: 44px !important } .mr-xl-11, .mx-xl-11 { - margin-right: 44px !important; + margin-right: 44px !important } .ml-xl-11, .mx-xl-11 { - margin-left: 44px !important; + margin-left: 44px !important } .mb-xl-11, .my-xl-11 { - margin-bottom: 44px !important; + margin-bottom: 44px !important } .ms-xl-11 { - margin-inline-start: 44px !important; + margin-inline-start: 44px !important } .me-xl-11 { - margin-inline-end: 44px !important; + margin-inline-end: 44px !important } .ma-xl-11 { - margin: 44px !important; + margin: 44px !important } .mt-xl-12, .my-xl-12 { - margin-top: 48px !important; + margin-top: 48px !important } .mr-xl-12, .mx-xl-12 { - margin-right: 48px !important; + margin-right: 48px !important } .ml-xl-12, .mx-xl-12 { - margin-left: 48px !important; + margin-left: 48px !important } .mb-xl-12, .my-xl-12 { - margin-bottom: 48px !important; + margin-bottom: 48px !important } .ms-xl-12 { - margin-inline-start: 48px !important; + margin-inline-start: 48px !important } .me-xl-12 { - margin-inline-end: 48px !important; + margin-inline-end: 48px !important } .ma-xl-12 { - margin: 48px !important; + margin: 48px !important } .mt-xl-13, .my-xl-13 { - margin-top: 52px !important; + margin-top: 52px !important } .mr-xl-13, .mx-xl-13 { - margin-right: 52px !important; + margin-right: 52px !important } .ml-xl-13, .mx-xl-13 { - margin-left: 52px !important; + margin-left: 52px !important } .mb-xl-13, .my-xl-13 { - margin-bottom: 52px !important; + margin-bottom: 52px !important } .ms-xl-13 { - margin-inline-start: 52px !important; + margin-inline-start: 52px !important } .me-xl-13 { - margin-inline-end: 52px !important; + margin-inline-end: 52px !important } .ma-xl-13 { - margin: 52px !important; + margin: 52px !important } .mt-xl-14, .my-xl-14 { - margin-top: 56px !important; + margin-top: 56px !important } .mr-xl-14, .mx-xl-14 { - margin-right: 56px !important; + margin-right: 56px !important } .ml-xl-14, .mx-xl-14 { - margin-left: 56px !important; + margin-left: 56px !important } .mb-xl-14, .my-xl-14 { - margin-bottom: 56px !important; + margin-bottom: 56px !important } .ms-xl-14 { - margin-inline-start: 56px !important; + margin-inline-start: 56px !important } .me-xl-14 { - margin-inline-end: 56px !important; + margin-inline-end: 56px !important } .ma-xl-14 { - margin: 56px !important; + margin: 56px !important } .mt-xl-15, .my-xl-15 { - margin-top: 60px !important; + margin-top: 60px !important } .mr-xl-15, .mx-xl-15 { - margin-right: 60px !important; + margin-right: 60px !important } .ml-xl-15, .mx-xl-15 { - margin-left: 60px !important; + margin-left: 60px !important } .mb-xl-15, .my-xl-15 { - margin-bottom: 60px !important; + margin-bottom: 60px !important } .ms-xl-15 { - margin-inline-start: 60px !important; + margin-inline-start: 60px !important } .me-xl-15 { - margin-inline-end: 60px !important; + margin-inline-end: 60px !important } .ma-xl-15 { - margin: 60px !important; + margin: 60px !important } .mt-xl-16, .my-xl-16 { - margin-top: 64px !important; + margin-top: 64px !important } .mr-xl-16, .mx-xl-16 { - margin-right: 64px !important; + margin-right: 64px !important } .ml-xl-16, .mx-xl-16 { - margin-left: 64px !important; + margin-left: 64px !important } .mb-xl-16, .my-xl-16 { - margin-bottom: 64px !important; + margin-bottom: 64px !important } .ms-xl-16 { - margin-inline-start: 64px !important; + margin-inline-start: 64px !important } .me-xl-16 { - margin-inline-end: 64px !important; + margin-inline-end: 64px !important } .ma-xl-16 { - margin: 64px !important; + margin: 64px !important } .mt-xl-auto, .my-xl-auto { - margin-top: auto !important; + margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { - margin-right: auto !important; + margin-right: auto !important } .ml-xl-auto, .mx-xl-auto { - margin-left: auto !important; + margin-left: auto !important } .mb-xl-auto, .my-xl-auto { - margin-bottom: auto !important; + margin-bottom: auto !important } .ms-xl-auto { - margin-inline-start: auto !important; + margin-inline-start: auto !important } .me-xl-auto { - margin-inline-end: auto !important; + margin-inline-end: auto !important } .ma-xl-auto { - margin: auto !important; + margin: auto !important } .pt-xl-0, .py-xl-0 { - padding-top: 0 !important; + padding-top: 0 !important } .pr-xl-0, .px-xl-0 { - padding-right: 0 !important; + padding-right: 0 !important } .pl-xl-0, .px-xl-0 { - padding-left: 0 !important; + padding-left: 0 !important } .pb-xl-0, .py-xl-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important } .ps-xl-0 { - padding-inline-start: 0 !important; + padding-inline-start: 0 !important } .pe-xl-0 { - padding-inline-end: 0 !important; + padding-inline-end: 0 !important } .pa-xl-0 { - padding: 0 !important; + padding: 0 !important } .pt-xl-1, .py-xl-1 { - padding-top: 4px !important; + padding-top: 4px !important } .pr-xl-1, .px-xl-1 { - padding-right: 4px !important; + padding-right: 4px !important } .pl-xl-1, .px-xl-1 { - padding-left: 4px !important; + padding-left: 4px !important } .pb-xl-1, .py-xl-1 { - padding-bottom: 4px !important; + padding-bottom: 4px !important } .ps-xl-1 { - padding-inline-start: 4px !important; + padding-inline-start: 4px !important } .pe-xl-1 { - padding-inline-end: 4px !important; + padding-inline-end: 4px !important } .pa-xl-1 { - padding: 4px !important; + padding: 4px !important } .pt-xl-2, .py-xl-2 { - padding-top: 8px !important; + padding-top: 8px !important } .pr-xl-2, .px-xl-2 { - padding-right: 8px !important; + padding-right: 8px !important } .pl-xl-2, .px-xl-2 { - padding-left: 8px !important; + padding-left: 8px !important } .pb-xl-2, .py-xl-2 { - padding-bottom: 8px !important; + padding-bottom: 8px !important } .ps-xl-2 { - padding-inline-start: 8px !important; + padding-inline-start: 8px !important } .pe-xl-2 { - padding-inline-end: 8px !important; + padding-inline-end: 8px !important } .pa-xl-2 { - padding: 8px !important; + padding: 8px !important } .pt-xl-3, .py-xl-3 { - padding-top: 12px !important; + padding-top: 12px !important } .pr-xl-3, .px-xl-3 { - padding-right: 12px !important; + padding-right: 12px !important } .pl-xl-3, .px-xl-3 { - padding-left: 12px !important; + padding-left: 12px !important } .pb-xl-3, .py-xl-3 { - padding-bottom: 12px !important; + padding-bottom: 12px !important } .ps-xl-3 { - padding-inline-start: 12px !important; + padding-inline-start: 12px !important } .pe-xl-3 { - padding-inline-end: 12px !important; + padding-inline-end: 12px !important } .pa-xl-3 { - padding: 12px !important; + padding: 12px !important } .pt-xl-4, .py-xl-4 { - padding-top: 16px !important; + padding-top: 16px !important } .pr-xl-4, .px-xl-4 { - padding-right: 16px !important; + padding-right: 16px !important } .pl-xl-4, .px-xl-4 { - padding-left: 16px !important; + padding-left: 16px !important } .pb-xl-4, .py-xl-4 { - padding-bottom: 16px !important; + padding-bottom: 16px !important } .ps-xl-4 { - padding-inline-start: 16px !important; + padding-inline-start: 16px !important } .pe-xl-4 { - padding-inline-end: 16px !important; + padding-inline-end: 16px !important } .pa-xl-4 { - padding: 16px !important; + padding: 16px !important } .pt-xl-5, .py-xl-5 { - padding-top: 20px !important; + padding-top: 20px !important } .pr-xl-5, .px-xl-5 { - padding-right: 20px !important; + padding-right: 20px !important } .pl-xl-5, .px-xl-5 { - padding-left: 20px !important; + padding-left: 20px !important } .pb-xl-5, .py-xl-5 { - padding-bottom: 20px !important; + padding-bottom: 20px !important } .ps-xl-5 { - padding-inline-start: 20px !important; + padding-inline-start: 20px !important } .pe-xl-5 { - padding-inline-end: 20px !important; + padding-inline-end: 20px !important } .pa-xl-5 { - padding: 20px !important; + padding: 20px !important } .pt-xl-6, .py-xl-6 { - padding-top: 24px !important; + padding-top: 24px !important } .pr-xl-6, .px-xl-6 { - padding-right: 24px !important; + padding-right: 24px !important } .pl-xl-6, .px-xl-6 { - padding-left: 24px !important; + padding-left: 24px !important } .pb-xl-6, .py-xl-6 { - padding-bottom: 24px !important; + padding-bottom: 24px !important } .ps-xl-6 { - padding-inline-start: 24px !important; + padding-inline-start: 24px !important } .pe-xl-6 { - padding-inline-end: 24px !important; + padding-inline-end: 24px !important } .pa-xl-6 { - padding: 24px !important; + padding: 24px !important } .pt-xl-7, .py-xl-7 { - padding-top: 28px !important; + padding-top: 28px !important } .pr-xl-7, .px-xl-7 { - padding-right: 28px !important; + padding-right: 28px !important } .pl-xl-7, .px-xl-7 { - padding-left: 28px !important; + padding-left: 28px !important } .pb-xl-7, .py-xl-7 { - padding-bottom: 28px !important; + padding-bottom: 28px !important } .ps-xl-7 { - padding-inline-start: 28px !important; + padding-inline-start: 28px !important } .pe-xl-7 { - padding-inline-end: 28px !important; + padding-inline-end: 28px !important } .pa-xl-7 { - padding: 28px !important; + padding: 28px !important } .pt-xl-8, .py-xl-8 { - padding-top: 32px !important; + padding-top: 32px !important } .pr-xl-8, .px-xl-8 { - padding-right: 32px !important; + padding-right: 32px !important } .pl-xl-8, .px-xl-8 { - padding-left: 32px !important; + padding-left: 32px !important } .pb-xl-8, .py-xl-8 { - padding-bottom: 32px !important; + padding-bottom: 32px !important } .ps-xl-8 { - padding-inline-start: 32px !important; + padding-inline-start: 32px !important } .pe-xl-8 { - padding-inline-end: 32px !important; + padding-inline-end: 32px !important } .pa-xl-8 { - padding: 32px !important; + padding: 32px !important } .pt-xl-9, .py-xl-9 { - padding-top: 36px !important; + padding-top: 36px !important } .pr-xl-9, .px-xl-9 { - padding-right: 36px !important; + padding-right: 36px !important } .pl-xl-9, .px-xl-9 { - padding-left: 36px !important; + padding-left: 36px !important } .pb-xl-9, .py-xl-9 { - padding-bottom: 36px !important; + padding-bottom: 36px !important } .ps-xl-9 { - padding-inline-start: 36px !important; + padding-inline-start: 36px !important } .pe-xl-9 { - padding-inline-end: 36px !important; + padding-inline-end: 36px !important } .pa-xl-9 { - padding: 36px !important; + padding: 36px !important } .pt-xl-10, .py-xl-10 { - padding-top: 40px !important; + padding-top: 40px !important } .pr-xl-10, .px-xl-10 { - padding-right: 40px !important; + padding-right: 40px !important } .pl-xl-10, .px-xl-10 { - padding-left: 40px !important; + padding-left: 40px !important } .pb-xl-10, .py-xl-10 { - padding-bottom: 40px !important; + padding-bottom: 40px !important } .ps-xl-10 { - padding-inline-start: 40px !important; + padding-inline-start: 40px !important } .pe-xl-10 { - padding-inline-end: 40px !important; + padding-inline-end: 40px !important } .pa-xl-10 { - padding: 40px !important; + padding: 40px !important } .pt-xl-11, .py-xl-11 { - padding-top: 44px !important; + padding-top: 44px !important } .pr-xl-11, .px-xl-11 { - padding-right: 44px !important; + padding-right: 44px !important } .pl-xl-11, .px-xl-11 { - padding-left: 44px !important; + padding-left: 44px !important } .pb-xl-11, .py-xl-11 { - padding-bottom: 44px !important; + padding-bottom: 44px !important } .ps-xl-11 { - padding-inline-start: 44px !important; + padding-inline-start: 44px !important } .pe-xl-11 { - padding-inline-end: 44px !important; + padding-inline-end: 44px !important } .pa-xl-11 { - padding: 44px !important; + padding: 44px !important } .pt-xl-12, .py-xl-12 { - padding-top: 48px !important; + padding-top: 48px !important } .pr-xl-12, .px-xl-12 { - padding-right: 48px !important; + padding-right: 48px !important } .pl-xl-12, .px-xl-12 { - padding-left: 48px !important; + padding-left: 48px !important } .pb-xl-12, .py-xl-12 { - padding-bottom: 48px !important; + padding-bottom: 48px !important } .ps-xl-12 { - padding-inline-start: 48px !important; + padding-inline-start: 48px !important } .pe-xl-12 { - padding-inline-end: 48px !important; + padding-inline-end: 48px !important } .pa-xl-12 { - padding: 48px !important; + padding: 48px !important } .pt-xl-13, .py-xl-13 { - padding-top: 52px !important; + padding-top: 52px !important } .pr-xl-13, .px-xl-13 { - padding-right: 52px !important; + padding-right: 52px !important } .pl-xl-13, .px-xl-13 { - padding-left: 52px !important; + padding-left: 52px !important } .pb-xl-13, .py-xl-13 { - padding-bottom: 52px !important; + padding-bottom: 52px !important } .ps-xl-13 { - padding-inline-start: 52px !important; + padding-inline-start: 52px !important } .pe-xl-13 { - padding-inline-end: 52px !important; + padding-inline-end: 52px !important } .pa-xl-13 { - padding: 52px !important; + padding: 52px !important } .pt-xl-14, .py-xl-14 { - padding-top: 56px !important; + padding-top: 56px !important } .pr-xl-14, .px-xl-14 { - padding-right: 56px !important; + padding-right: 56px !important } .pl-xl-14, .px-xl-14 { - padding-left: 56px !important; + padding-left: 56px !important } .pb-xl-14, .py-xl-14 { - padding-bottom: 56px !important; + padding-bottom: 56px !important } .ps-xl-14 { - padding-inline-start: 56px !important; + padding-inline-start: 56px !important } .pe-xl-14 { - padding-inline-end: 56px !important; + padding-inline-end: 56px !important } .pa-xl-14 { - padding: 56px !important; + padding: 56px !important } .pt-xl-15, .py-xl-15 { - padding-top: 60px !important; + padding-top: 60px !important } .pr-xl-15, .px-xl-15 { - padding-right: 60px !important; + padding-right: 60px !important } .pl-xl-15, .px-xl-15 { - padding-left: 60px !important; + padding-left: 60px !important } .pb-xl-15, .py-xl-15 { - padding-bottom: 60px !important; + padding-bottom: 60px !important } .ps-xl-15 { - padding-inline-start: 60px !important; + padding-inline-start: 60px !important } .pe-xl-15 { - padding-inline-end: 60px !important; + padding-inline-end: 60px !important } .pa-xl-15 { - padding: 60px !important; + padding: 60px !important } .pt-xl-16, .py-xl-16 { - padding-top: 64px !important; + padding-top: 64px !important } .pr-xl-16, .px-xl-16 { - padding-right: 64px !important; + padding-right: 64px !important } .pl-xl-16, .px-xl-16 { - padding-left: 64px !important; + padding-left: 64px !important } .pb-xl-16, .py-xl-16 { - padding-bottom: 64px !important; + padding-bottom: 64px !important } .ps-xl-16 { - padding-inline-start: 64px !important; + padding-inline-start: 64px !important } .pe-xl-16 { - padding-inline-end: 64px !important; + padding-inline-end: 64px !important } .pa-xl-16 { - padding: 64px !important; + padding: 64px !important } .pt-xl-auto, .py-xl-auto { - padding-top: auto !important; + padding-top: auto !important } .pr-xl-auto, .px-xl-auto { - padding-right: auto !important; + padding-right: auto !important } .pl-xl-auto, .px-xl-auto { - padding-left: auto !important; + padding-left: auto !important } .pb-xl-auto, .py-xl-auto { - padding-bottom: auto !important; + padding-bottom: auto !important } .ps-xl-auto { - padding-inline-start: auto !important; + padding-inline-start: auto !important } .pe-xl-auto { - padding-inline-end: auto !important; + padding-inline-end: auto !important } .pa-xl-auto { - padding: auto !important; + padding: auto !important } .mt-xl-n1, .my-xl-n1 { - margin-top: -4px !important; + margin-top: -4px !important } .mr-xl-n1, .mx-xl-n1 { - margin-right: -4px !important; + margin-right: -4px !important } .ml-xl-n1, .mx-xl-n1 { - margin-left: -4px !important; + margin-left: -4px !important } .mb-xl-n1, .my-xl-n1 { - margin-bottom: -4px !important; + margin-bottom: -4px !important } .ms-xl-n1 { - margin-inline-start: -4px !important; + margin-inline-start: -4px !important } .me-xl-n1 { - margin-inline-end: -4px !important; + margin-inline-end: -4px !important } .ma-xl-n1 { - margin: -4px !important; + margin: -4px !important } .mt-xl-n2, .my-xl-n2 { - margin-top: -8px !important; + margin-top: -8px !important } .mr-xl-n2, .mx-xl-n2 { - margin-right: -8px !important; + margin-right: -8px !important } .ml-xl-n2, .mx-xl-n2 { - margin-left: -8px !important; + margin-left: -8px !important } .mb-xl-n2, .my-xl-n2 { - margin-bottom: -8px !important; + margin-bottom: -8px !important } .ms-xl-n2 { - margin-inline-start: -8px !important; + margin-inline-start: -8px !important } .me-xl-n2 { - margin-inline-end: -8px !important; + margin-inline-end: -8px !important } .ma-xl-n2 { - margin: -8px !important; + margin: -8px !important } .mt-xl-n3, .my-xl-n3 { - margin-top: -12px !important; + margin-top: -12px !important } .mr-xl-n3, .mx-xl-n3 { - margin-right: -12px !important; + margin-right: -12px !important } .ml-xl-n3, .mx-xl-n3 { - margin-left: -12px !important; + margin-left: -12px !important } .mb-xl-n3, .my-xl-n3 { - margin-bottom: -12px !important; + margin-bottom: -12px !important } .ms-xl-n3 { - margin-inline-start: -12px !important; + margin-inline-start: -12px !important } .me-xl-n3 { - margin-inline-end: -12px !important; + margin-inline-end: -12px !important } .ma-xl-n3 { - margin: -12px !important; + margin: -12px !important } .mt-xl-n4, .my-xl-n4 { - margin-top: -16px !important; + margin-top: -16px !important } .mr-xl-n4, .mx-xl-n4 { - margin-right: -16px !important; + margin-right: -16px !important } .ml-xl-n4, .mx-xl-n4 { - margin-left: -16px !important; + margin-left: -16px !important } .mb-xl-n4, .my-xl-n4 { - margin-bottom: -16px !important; + margin-bottom: -16px !important } .ms-xl-n4 { - margin-inline-start: -16px !important; + margin-inline-start: -16px !important } .me-xl-n4 { - margin-inline-end: -16px !important; + margin-inline-end: -16px !important } .ma-xl-n4 { - margin: -16px !important; + margin: -16px !important } .mt-xl-n5, .my-xl-n5 { - margin-top: -20px !important; + margin-top: -20px !important } .mr-xl-n5, .mx-xl-n5 { - margin-right: -20px !important; + margin-right: -20px !important } .ml-xl-n5, .mx-xl-n5 { - margin-left: -20px !important; + margin-left: -20px !important } .mb-xl-n5, .my-xl-n5 { - margin-bottom: -20px !important; + margin-bottom: -20px !important } .ms-xl-n5 { - margin-inline-start: -20px !important; + margin-inline-start: -20px !important } .me-xl-n5 { - margin-inline-end: -20px !important; + margin-inline-end: -20px !important } .ma-xl-n5 { - margin: -20px !important; + margin: -20px !important } .mt-xl-n6, .my-xl-n6 { - margin-top: -24px !important; + margin-top: -24px !important } .mr-xl-n6, .mx-xl-n6 { - margin-right: -24px !important; + margin-right: -24px !important } .ml-xl-n6, .mx-xl-n6 { - margin-left: -24px !important; + margin-left: -24px !important } .mb-xl-n6, .my-xl-n6 { - margin-bottom: -24px !important; + margin-bottom: -24px !important } .ms-xl-n6 { - margin-inline-start: -24px !important; + margin-inline-start: -24px !important } .me-xl-n6 { - margin-inline-end: -24px !important; + margin-inline-end: -24px !important } .ma-xl-n6 { - margin: -24px !important; + margin: -24px !important } .mt-xl-n7, .my-xl-n7 { - margin-top: -28px !important; + margin-top: -28px !important } .mr-xl-n7, .mx-xl-n7 { - margin-right: -28px !important; + margin-right: -28px !important } .ml-xl-n7, .mx-xl-n7 { - margin-left: -28px !important; + margin-left: -28px !important } .mb-xl-n7, .my-xl-n7 { - margin-bottom: -28px !important; + margin-bottom: -28px !important } .ms-xl-n7 { - margin-inline-start: -28px !important; + margin-inline-start: -28px !important } .me-xl-n7 { - margin-inline-end: -28px !important; + margin-inline-end: -28px !important } .ma-xl-n7 { - margin: -28px !important; + margin: -28px !important } .mt-xl-n8, .my-xl-n8 { - margin-top: -32px !important; + margin-top: -32px !important } .mr-xl-n8, .mx-xl-n8 { - margin-right: -32px !important; + margin-right: -32px !important } .ml-xl-n8, .mx-xl-n8 { - margin-left: -32px !important; + margin-left: -32px !important } .mb-xl-n8, .my-xl-n8 { - margin-bottom: -32px !important; + margin-bottom: -32px !important } .ms-xl-n8 { - margin-inline-start: -32px !important; + margin-inline-start: -32px !important } .me-xl-n8 { - margin-inline-end: -32px !important; + margin-inline-end: -32px !important } .ma-xl-n8 { - margin: -32px !important; + margin: -32px !important } .mt-xl-n9, .my-xl-n9 { - margin-top: -36px !important; + margin-top: -36px !important } .mr-xl-n9, .mx-xl-n9 { - margin-right: -36px !important; + margin-right: -36px !important } .ml-xl-n9, .mx-xl-n9 { - margin-left: -36px !important; + margin-left: -36px !important } .mb-xl-n9, .my-xl-n9 { - margin-bottom: -36px !important; + margin-bottom: -36px !important } .ms-xl-n9 { - margin-inline-start: -36px !important; + margin-inline-start: -36px !important } .me-xl-n9 { - margin-inline-end: -36px !important; + margin-inline-end: -36px !important } .ma-xl-n9 { - margin: -36px !important; + margin: -36px !important } .mt-xl-n10, .my-xl-n10 { - margin-top: -40px !important; + margin-top: -40px !important } .mr-xl-n10, .mx-xl-n10 { - margin-right: -40px !important; + margin-right: -40px !important } .ml-xl-n10, .mx-xl-n10 { - margin-left: -40px !important; + margin-left: -40px !important } .mb-xl-n10, .my-xl-n10 { - margin-bottom: -40px !important; + margin-bottom: -40px !important } .ms-xl-n10 { - margin-inline-start: -40px !important; + margin-inline-start: -40px !important } .me-xl-n10 { - margin-inline-end: -40px !important; + margin-inline-end: -40px !important } .ma-xl-n10 { - margin: -40px !important; + margin: -40px !important } .mt-xl-n11, .my-xl-n11 { - margin-top: -44px !important; + margin-top: -44px !important } .mr-xl-n11, .mx-xl-n11 { - margin-right: -44px !important; + margin-right: -44px !important } .ml-xl-n11, .mx-xl-n11 { - margin-left: -44px !important; + margin-left: -44px !important } .mb-xl-n11, .my-xl-n11 { - margin-bottom: -44px !important; + margin-bottom: -44px !important } .ms-xl-n11 { - margin-inline-start: -44px !important; + margin-inline-start: -44px !important } .me-xl-n11 { - margin-inline-end: -44px !important; + margin-inline-end: -44px !important } .ma-xl-n11 { - margin: -44px !important; + margin: -44px !important } .mt-xl-n12, .my-xl-n12 { - margin-top: -48px !important; + margin-top: -48px !important } .mr-xl-n12, .mx-xl-n12 { - margin-right: -48px !important; + margin-right: -48px !important } .ml-xl-n12, .mx-xl-n12 { - margin-left: -48px !important; + margin-left: -48px !important } .mb-xl-n12, .my-xl-n12 { - margin-bottom: -48px !important; + margin-bottom: -48px !important } .ms-xl-n12 { - margin-inline-start: -48px !important; + margin-inline-start: -48px !important } .me-xl-n12 { - margin-inline-end: -48px !important; + margin-inline-end: -48px !important } .ma-xl-n12 { - margin: -48px !important; + margin: -48px !important } .mt-xl-n13, .my-xl-n13 { - margin-top: -52px !important; + margin-top: -52px !important } .mr-xl-n13, .mx-xl-n13 { - margin-right: -52px !important; + margin-right: -52px !important } .ml-xl-n13, .mx-xl-n13 { - margin-left: -52px !important; + margin-left: -52px !important } .mb-xl-n13, .my-xl-n13 { - margin-bottom: -52px !important; + margin-bottom: -52px !important } .ms-xl-n13 { - margin-inline-start: -52px !important; + margin-inline-start: -52px !important } .me-xl-n13 { - margin-inline-end: -52px !important; + margin-inline-end: -52px !important } .ma-xl-n13 { - margin: -52px !important; + margin: -52px !important } .mt-xl-n14, .my-xl-n14 { - margin-top: -56px !important; + margin-top: -56px !important } .mr-xl-n14, .mx-xl-n14 { - margin-right: -56px !important; + margin-right: -56px !important } .ml-xl-n14, .mx-xl-n14 { - margin-left: -56px !important; + margin-left: -56px !important } .mb-xl-n14, .my-xl-n14 { - margin-bottom: -56px !important; + margin-bottom: -56px !important } .ms-xl-n14 { - margin-inline-start: -56px !important; + margin-inline-start: -56px !important } .me-xl-n14 { - margin-inline-end: -56px !important; + margin-inline-end: -56px !important } .ma-xl-n14 { - margin: -56px !important; + margin: -56px !important } .mt-xl-n15, .my-xl-n15 { - margin-top: -60px !important; + margin-top: -60px !important } .mr-xl-n15, .mx-xl-n15 { - margin-right: -60px !important; + margin-right: -60px !important } .ml-xl-n15, .mx-xl-n15 { - margin-left: -60px !important; + margin-left: -60px !important } .mb-xl-n15, .my-xl-n15 { - margin-bottom: -60px !important; + margin-bottom: -60px !important } .ms-xl-n15 { - margin-inline-start: -60px !important; + margin-inline-start: -60px !important } .me-xl-n15 { - margin-inline-end: -60px !important; + margin-inline-end: -60px !important } .ma-xl-n15 { - margin: -60px !important; + margin: -60px !important } .mt-xl-n16, .my-xl-n16 { - margin-top: -64px !important; + margin-top: -64px !important } .mr-xl-n16, .mx-xl-n16 { - margin-right: -64px !important; + margin-right: -64px !important } .ml-xl-n16, .mx-xl-n16 { - margin-left: -64px !important; + margin-left: -64px !important } .mb-xl-n16, .my-xl-n16 { - margin-bottom: -64px !important; + margin-bottom: -64px !important } .ms-xl-n16 { - margin-inline-start: -64px !important; + margin-inline-start: -64px !important } .me-xl-n16 { - margin-inline-end: -64px !important; + margin-inline-end: -64px !important } .ma-xl-n16 { - margin: -64px !important; + margin: -64px !important } } -@media screen and (min-width:2560px) { +@media screen and (min-width: 2560px) { .mt-xxl-0, .my-xxl-0 { - margin-top: 0 !important; + margin-top: 0 !important } .mr-xxl-0, .mx-xxl-0 { - margin-right: 0 !important; + margin-right: 0 !important } .ml-xxl-0, .mx-xxl-0 { - margin-left: 0 !important; + margin-left: 0 !important } .mb-xxl-0, .my-xxl-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important } .ms-xxl-0 { - margin-inline-start: 0 !important; + margin-inline-start: 0 !important } .me-xxl-0 { - margin-inline-end: 0 !important; + margin-inline-end: 0 !important } .ma-xxl-0 { - margin: 0 !important; + margin: 0 !important } .mt-xxl-1, .my-xxl-1 { - margin-top: 4px !important; + margin-top: 4px !important } .mr-xxl-1, .mx-xxl-1 { - margin-right: 4px !important; + margin-right: 4px !important } .ml-xxl-1, .mx-xxl-1 { - margin-left: 4px !important; + margin-left: 4px !important } .mb-xxl-1, .my-xxl-1 { - margin-bottom: 4px !important; + margin-bottom: 4px !important } .ms-xxl-1 { - margin-inline-start: 4px !important; + margin-inline-start: 4px !important } .me-xxl-1 { - margin-inline-end: 4px !important; + margin-inline-end: 4px !important } .ma-xxl-1 { - margin: 4px !important; + margin: 4px !important } .mt-xxl-2, .my-xxl-2 { - margin-top: 8px !important; + margin-top: 8px !important } .mr-xxl-2, .mx-xxl-2 { - margin-right: 8px !important; + margin-right: 8px !important } .ml-xxl-2, .mx-xxl-2 { - margin-left: 8px !important; + margin-left: 8px !important } .mb-xxl-2, .my-xxl-2 { - margin-bottom: 8px !important; + margin-bottom: 8px !important } .ms-xxl-2 { - margin-inline-start: 8px !important; + margin-inline-start: 8px !important } .me-xxl-2 { - margin-inline-end: 8px !important; + margin-inline-end: 8px !important } .ma-xxl-2 { - margin: 8px !important; + margin: 8px !important } .mt-xxl-3, .my-xxl-3 { - margin-top: 12px !important; + margin-top: 12px !important } .mr-xxl-3, .mx-xxl-3 { - margin-right: 12px !important; + margin-right: 12px !important } .ml-xxl-3, .mx-xxl-3 { - margin-left: 12px !important; + margin-left: 12px !important } .mb-xxl-3, .my-xxl-3 { - margin-bottom: 12px !important; + margin-bottom: 12px !important } .ms-xxl-3 { - margin-inline-start: 12px !important; + margin-inline-start: 12px !important } .me-xxl-3 { - margin-inline-end: 12px !important; + margin-inline-end: 12px !important } .ma-xxl-3 { - margin: 12px !important; + margin: 12px !important } .mt-xxl-4, .my-xxl-4 { - margin-top: 16px !important; + margin-top: 16px !important } .mr-xxl-4, .mx-xxl-4 { - margin-right: 16px !important; + margin-right: 16px !important } .ml-xxl-4, .mx-xxl-4 { - margin-left: 16px !important; + margin-left: 16px !important } .mb-xxl-4, .my-xxl-4 { - margin-bottom: 16px !important; + margin-bottom: 16px !important } .ms-xxl-4 { - margin-inline-start: 16px !important; + margin-inline-start: 16px !important } .me-xxl-4 { - margin-inline-end: 16px !important; + margin-inline-end: 16px !important } .ma-xxl-4 { - margin: 16px !important; + margin: 16px !important } .mt-xxl-5, .my-xxl-5 { - margin-top: 20px !important; + margin-top: 20px !important } .mr-xxl-5, .mx-xxl-5 { - margin-right: 20px !important; + margin-right: 20px !important } .ml-xxl-5, .mx-xxl-5 { - margin-left: 20px !important; + margin-left: 20px !important } .mb-xxl-5, .my-xxl-5 { - margin-bottom: 20px !important; + margin-bottom: 20px !important } .ms-xxl-5 { - margin-inline-start: 20px !important; + margin-inline-start: 20px !important } .me-xxl-5 { - margin-inline-end: 20px !important; + margin-inline-end: 20px !important } .ma-xxl-5 { - margin: 20px !important; + margin: 20px !important } .mt-xxl-6, .my-xxl-6 { - margin-top: 24px !important; + margin-top: 24px !important } .mr-xxl-6, .mx-xxl-6 { - margin-right: 24px !important; + margin-right: 24px !important } .ml-xxl-6, .mx-xxl-6 { - margin-left: 24px !important; + margin-left: 24px !important } .mb-xxl-6, .my-xxl-6 { - margin-bottom: 24px !important; + margin-bottom: 24px !important } .ms-xxl-6 { - margin-inline-start: 24px !important; + margin-inline-start: 24px !important } .me-xxl-6 { - margin-inline-end: 24px !important; + margin-inline-end: 24px !important } .ma-xxl-6 { - margin: 24px !important; + margin: 24px !important } .mt-xxl-7, .my-xxl-7 { - margin-top: 28px !important; + margin-top: 28px !important } .mr-xxl-7, .mx-xxl-7 { - margin-right: 28px !important; + margin-right: 28px !important } .ml-xxl-7, .mx-xxl-7 { - margin-left: 28px !important; + margin-left: 28px !important } .mb-xxl-7, .my-xxl-7 { - margin-bottom: 28px !important; + margin-bottom: 28px !important } .ms-xxl-7 { - margin-inline-start: 28px !important; + margin-inline-start: 28px !important } .me-xxl-7 { - margin-inline-end: 28px !important; + margin-inline-end: 28px !important } .ma-xxl-7 { - margin: 28px !important; + margin: 28px !important } .mt-xxl-8, .my-xxl-8 { - margin-top: 32px !important; + margin-top: 32px !important } .mr-xxl-8, .mx-xxl-8 { - margin-right: 32px !important; + margin-right: 32px !important } .ml-xxl-8, .mx-xxl-8 { - margin-left: 32px !important; + margin-left: 32px !important } .mb-xxl-8, .my-xxl-8 { - margin-bottom: 32px !important; + margin-bottom: 32px !important } .ms-xxl-8 { - margin-inline-start: 32px !important; + margin-inline-start: 32px !important } .me-xxl-8 { - margin-inline-end: 32px !important; + margin-inline-end: 32px !important } .ma-xxl-8 { - margin: 32px !important; + margin: 32px !important } .mt-xxl-9, .my-xxl-9 { - margin-top: 36px !important; + margin-top: 36px !important } .mr-xxl-9, .mx-xxl-9 { - margin-right: 36px !important; + margin-right: 36px !important } .ml-xxl-9, .mx-xxl-9 { - margin-left: 36px !important; + margin-left: 36px !important } .mb-xxl-9, .my-xxl-9 { - margin-bottom: 36px !important; + margin-bottom: 36px !important } .ms-xxl-9 { - margin-inline-start: 36px !important; + margin-inline-start: 36px !important } .me-xxl-9 { - margin-inline-end: 36px !important; + margin-inline-end: 36px !important } .ma-xxl-9 { - margin: 36px !important; + margin: 36px !important } .mt-xxl-10, .my-xxl-10 { - margin-top: 40px !important; + margin-top: 40px !important } .mr-xxl-10, .mx-xxl-10 { - margin-right: 40px !important; + margin-right: 40px !important } .ml-xxl-10, .mx-xxl-10 { - margin-left: 40px !important; + margin-left: 40px !important } .mb-xxl-10, .my-xxl-10 { - margin-bottom: 40px !important; + margin-bottom: 40px !important } .ms-xxl-10 { - margin-inline-start: 40px !important; + margin-inline-start: 40px !important } .me-xxl-10 { - margin-inline-end: 40px !important; + margin-inline-end: 40px !important } .ma-xxl-10 { - margin: 40px !important; + margin: 40px !important } .mt-xxl-11, .my-xxl-11 { - margin-top: 44px !important; + margin-top: 44px !important } .mr-xxl-11, .mx-xxl-11 { - margin-right: 44px !important; + margin-right: 44px !important } .ml-xxl-11, .mx-xxl-11 { - margin-left: 44px !important; + margin-left: 44px !important } .mb-xxl-11, .my-xxl-11 { - margin-bottom: 44px !important; + margin-bottom: 44px !important } .ms-xxl-11 { - margin-inline-start: 44px !important; + margin-inline-start: 44px !important } .me-xxl-11 { - margin-inline-end: 44px !important; + margin-inline-end: 44px !important } .ma-xxl-11 { - margin: 44px !important; + margin: 44px !important } .mt-xxl-12, .my-xxl-12 { - margin-top: 48px !important; + margin-top: 48px !important } .mr-xxl-12, .mx-xxl-12 { - margin-right: 48px !important; + margin-right: 48px !important } .ml-xxl-12, .mx-xxl-12 { - margin-left: 48px !important; + margin-left: 48px !important } .mb-xxl-12, .my-xxl-12 { - margin-bottom: 48px !important; + margin-bottom: 48px !important } .ms-xxl-12 { - margin-inline-start: 48px !important; + margin-inline-start: 48px !important } .me-xxl-12 { - margin-inline-end: 48px !important; + margin-inline-end: 48px !important } .ma-xxl-12 { - margin: 48px !important; + margin: 48px !important } .mt-xxl-13, .my-xxl-13 { - margin-top: 52px !important; + margin-top: 52px !important } .mr-xxl-13, .mx-xxl-13 { - margin-right: 52px !important; + margin-right: 52px !important } .ml-xxl-13, .mx-xxl-13 { - margin-left: 52px !important; + margin-left: 52px !important } .mb-xxl-13, .my-xxl-13 { - margin-bottom: 52px !important; + margin-bottom: 52px !important } .ms-xxl-13 { - margin-inline-start: 52px !important; + margin-inline-start: 52px !important } .me-xxl-13 { - margin-inline-end: 52px !important; + margin-inline-end: 52px !important } .ma-xxl-13 { - margin: 52px !important; + margin: 52px !important } .mt-xxl-14, .my-xxl-14 { - margin-top: 56px !important; + margin-top: 56px !important } .mr-xxl-14, .mx-xxl-14 { - margin-right: 56px !important; + margin-right: 56px !important } .ml-xxl-14, .mx-xxl-14 { - margin-left: 56px !important; + margin-left: 56px !important } .mb-xxl-14, .my-xxl-14 { - margin-bottom: 56px !important; + margin-bottom: 56px !important } .ms-xxl-14 { - margin-inline-start: 56px !important; + margin-inline-start: 56px !important } .me-xxl-14 { - margin-inline-end: 56px !important; + margin-inline-end: 56px !important } .ma-xxl-14 { - margin: 56px !important; + margin: 56px !important } .mt-xxl-15, .my-xxl-15 { - margin-top: 60px !important; + margin-top: 60px !important } .mr-xxl-15, .mx-xxl-15 { - margin-right: 60px !important; + margin-right: 60px !important } .ml-xxl-15, .mx-xxl-15 { - margin-left: 60px !important; + margin-left: 60px !important } .mb-xxl-15, .my-xxl-15 { - margin-bottom: 60px !important; + margin-bottom: 60px !important } .ms-xxl-15 { - margin-inline-start: 60px !important; + margin-inline-start: 60px !important } .me-xxl-15 { - margin-inline-end: 60px !important; + margin-inline-end: 60px !important } .ma-xxl-15 { - margin: 60px !important; + margin: 60px !important } .mt-xxl-16, .my-xxl-16 { - margin-top: 64px !important; + margin-top: 64px !important } .mr-xxl-16, .mx-xxl-16 { - margin-right: 64px !important; + margin-right: 64px !important } .ml-xxl-16, .mx-xxl-16 { - margin-left: 64px !important; + margin-left: 64px !important } .mb-xxl-16, .my-xxl-16 { - margin-bottom: 64px !important; + margin-bottom: 64px !important } .ms-xxl-16 { - margin-inline-start: 64px !important; + margin-inline-start: 64px !important } .me-xxl-16 { - margin-inline-end: 64px !important; + margin-inline-end: 64px !important } .ma-xxl-16 { - margin: 64px !important; + margin: 64px !important } .mt-xxl-auto, .my-xxl-auto { - margin-top: auto !important; + margin-top: auto !important } .mr-xxl-auto, .mx-xxl-auto { - margin-right: auto !important; + margin-right: auto !important } .ml-xxl-auto, .mx-xxl-auto { - margin-left: auto !important; + margin-left: auto !important } .mb-xxl-auto, .my-xxl-auto { - margin-bottom: auto !important; + margin-bottom: auto !important } .ms-xxl-auto { - margin-inline-start: auto !important; + margin-inline-start: auto !important } .me-xxl-auto { - margin-inline-end: auto !important; + margin-inline-end: auto !important } .ma-xxl-auto { - margin: auto !important; + margin: auto !important } .pt-xxl-0, .py-xxl-0 { - padding-top: 0 !important; + padding-top: 0 !important } .pr-xxl-0, .px-xxl-0 { - padding-right: 0 !important; + padding-right: 0 !important } .pl-xxl-0, .px-xxl-0 { - padding-left: 0 !important; + padding-left: 0 !important } .pb-xxl-0, .py-xxl-0 { - padding-bottom: 0 !important; + padding-bottom: 0 !important } .ps-xxl-0 { - padding-inline-start: 0 !important; + padding-inline-start: 0 !important } .pe-xxl-0 { - padding-inline-end: 0 !important; + padding-inline-end: 0 !important } .pa-xxl-0 { - padding: 0 !important; + padding: 0 !important } .pt-xxl-1, .py-xxl-1 { - padding-top: 4px !important; + padding-top: 4px !important } .pr-xxl-1, .px-xxl-1 { - padding-right: 4px !important; + padding-right: 4px !important } .pl-xxl-1, .px-xxl-1 { - padding-left: 4px !important; + padding-left: 4px !important } .pb-xxl-1, .py-xxl-1 { - padding-bottom: 4px !important; + padding-bottom: 4px !important } .ps-xxl-1 { - padding-inline-start: 4px !important; + padding-inline-start: 4px !important } .pe-xxl-1 { - padding-inline-end: 4px !important; + padding-inline-end: 4px !important } .pa-xxl-1 { - padding: 4px !important; + padding: 4px !important } .pt-xxl-2, .py-xxl-2 { - padding-top: 8px !important; + padding-top: 8px !important } .pr-xxl-2, .px-xxl-2 { - padding-right: 8px !important; + padding-right: 8px !important } .pl-xxl-2, .px-xxl-2 { - padding-left: 8px !important; + padding-left: 8px !important } .pb-xxl-2, .py-xxl-2 { - padding-bottom: 8px !important; + padding-bottom: 8px !important } .ps-xxl-2 { - padding-inline-start: 8px !important; + padding-inline-start: 8px !important } .pe-xxl-2 { - padding-inline-end: 8px !important; + padding-inline-end: 8px !important } .pa-xxl-2 { - padding: 8px !important; + padding: 8px !important } .pt-xxl-3, .py-xxl-3 { - padding-top: 12px !important; + padding-top: 12px !important } .pr-xxl-3, .px-xxl-3 { - padding-right: 12px !important; + padding-right: 12px !important } .pl-xxl-3, .px-xxl-3 { - padding-left: 12px !important; + padding-left: 12px !important } .pb-xxl-3, .py-xxl-3 { - padding-bottom: 12px !important; + padding-bottom: 12px !important } .ps-xxl-3 { - padding-inline-start: 12px !important; + padding-inline-start: 12px !important } .pe-xxl-3 { - padding-inline-end: 12px !important; + padding-inline-end: 12px !important } .pa-xxl-3 { - padding: 12px !important; + padding: 12px !important } .pt-xxl-4, .py-xxl-4 { - padding-top: 16px !important; + padding-top: 16px !important } .pr-xxl-4, .px-xxl-4 { - padding-right: 16px !important; + padding-right: 16px !important } .pl-xxl-4, .px-xxl-4 { - padding-left: 16px !important; + padding-left: 16px !important } .pb-xxl-4, .py-xxl-4 { - padding-bottom: 16px !important; + padding-bottom: 16px !important } .ps-xxl-4 { - padding-inline-start: 16px !important; + padding-inline-start: 16px !important } .pe-xxl-4 { - padding-inline-end: 16px !important; + padding-inline-end: 16px !important } .pa-xxl-4 { - padding: 16px !important; + padding: 16px !important } .pt-xxl-5, .py-xxl-5 { - padding-top: 20px !important; + padding-top: 20px !important } .pr-xxl-5, .px-xxl-5 { - padding-right: 20px !important; + padding-right: 20px !important } .pl-xxl-5, .px-xxl-5 { - padding-left: 20px !important; + padding-left: 20px !important } .pb-xxl-5, .py-xxl-5 { - padding-bottom: 20px !important; + padding-bottom: 20px !important } .ps-xxl-5 { - padding-inline-start: 20px !important; + padding-inline-start: 20px !important } .pe-xxl-5 { - padding-inline-end: 20px !important; + padding-inline-end: 20px !important } .pa-xxl-5 { - padding: 20px !important; + padding: 20px !important } .pt-xxl-6, .py-xxl-6 { - padding-top: 24px !important; + padding-top: 24px !important } .pr-xxl-6, .px-xxl-6 { - padding-right: 24px !important; + padding-right: 24px !important } .pl-xxl-6, .px-xxl-6 { - padding-left: 24px !important; + padding-left: 24px !important } .pb-xxl-6, .py-xxl-6 { - padding-bottom: 24px !important; + padding-bottom: 24px !important } .ps-xxl-6 { - padding-inline-start: 24px !important; + padding-inline-start: 24px !important } .pe-xxl-6 { - padding-inline-end: 24px !important; + padding-inline-end: 24px !important } .pa-xxl-6 { - padding: 24px !important; + padding: 24px !important } .pt-xxl-7, .py-xxl-7 { - padding-top: 28px !important; + padding-top: 28px !important } .pr-xxl-7, .px-xxl-7 { - padding-right: 28px !important; + padding-right: 28px !important } .pl-xxl-7, .px-xxl-7 { - padding-left: 28px !important; + padding-left: 28px !important } .pb-xxl-7, .py-xxl-7 { - padding-bottom: 28px !important; + padding-bottom: 28px !important } .ps-xxl-7 { - padding-inline-start: 28px !important; + padding-inline-start: 28px !important } .pe-xxl-7 { - padding-inline-end: 28px !important; + padding-inline-end: 28px !important } .pa-xxl-7 { - padding: 28px !important; + padding: 28px !important } .pt-xxl-8, .py-xxl-8 { - padding-top: 32px !important; + padding-top: 32px !important } .pr-xxl-8, .px-xxl-8 { - padding-right: 32px !important; + padding-right: 32px !important } .pl-xxl-8, .px-xxl-8 { - padding-left: 32px !important; + padding-left: 32px !important } .pb-xxl-8, .py-xxl-8 { - padding-bottom: 32px !important; + padding-bottom: 32px !important } .ps-xxl-8 { - padding-inline-start: 32px !important; + padding-inline-start: 32px !important } .pe-xxl-8 { - padding-inline-end: 32px !important; + padding-inline-end: 32px !important } .pa-xxl-8 { - padding: 32px !important; + padding: 32px !important } .pt-xxl-9, .py-xxl-9 { - padding-top: 36px !important; + padding-top: 36px !important } .pr-xxl-9, .px-xxl-9 { - padding-right: 36px !important; + padding-right: 36px !important } .pl-xxl-9, .px-xxl-9 { - padding-left: 36px !important; + padding-left: 36px !important } .pb-xxl-9, .py-xxl-9 { - padding-bottom: 36px !important; + padding-bottom: 36px !important } .ps-xxl-9 { - padding-inline-start: 36px !important; + padding-inline-start: 36px !important } .pe-xxl-9 { - padding-inline-end: 36px !important; + padding-inline-end: 36px !important } .pa-xxl-9 { - padding: 36px !important; + padding: 36px !important } .pt-xxl-10, .py-xxl-10 { - padding-top: 40px !important; + padding-top: 40px !important } .pr-xxl-10, .px-xxl-10 { - padding-right: 40px !important; + padding-right: 40px !important } .pl-xxl-10, .px-xxl-10 { - padding-left: 40px !important; + padding-left: 40px !important } .pb-xxl-10, .py-xxl-10 { - padding-bottom: 40px !important; + padding-bottom: 40px !important } .ps-xxl-10 { - padding-inline-start: 40px !important; + padding-inline-start: 40px !important } .pe-xxl-10 { - padding-inline-end: 40px !important; + padding-inline-end: 40px !important } .pa-xxl-10 { - padding: 40px !important; + padding: 40px !important } .pt-xxl-11, .py-xxl-11 { - padding-top: 44px !important; + padding-top: 44px !important } .pr-xxl-11, .px-xxl-11 { - padding-right: 44px !important; + padding-right: 44px !important } .pl-xxl-11, .px-xxl-11 { - padding-left: 44px !important; + padding-left: 44px !important } .pb-xxl-11, .py-xxl-11 { - padding-bottom: 44px !important; + padding-bottom: 44px !important } .ps-xxl-11 { - padding-inline-start: 44px !important; + padding-inline-start: 44px !important } .pe-xxl-11 { - padding-inline-end: 44px !important; + padding-inline-end: 44px !important } .pa-xxl-11 { - padding: 44px !important; + padding: 44px !important } .pt-xxl-12, .py-xxl-12 { - padding-top: 48px !important; + padding-top: 48px !important } .pr-xxl-12, .px-xxl-12 { - padding-right: 48px !important; + padding-right: 48px !important } .pl-xxl-12, .px-xxl-12 { - padding-left: 48px !important; + padding-left: 48px !important } .pb-xxl-12, .py-xxl-12 { - padding-bottom: 48px !important; + padding-bottom: 48px !important } .ps-xxl-12 { - padding-inline-start: 48px !important; + padding-inline-start: 48px !important } .pe-xxl-12 { - padding-inline-end: 48px !important; + padding-inline-end: 48px !important } .pa-xxl-12 { - padding: 48px !important; + padding: 48px !important } .pt-xxl-13, .py-xxl-13 { - padding-top: 52px !important; + padding-top: 52px !important } .pr-xxl-13, .px-xxl-13 { - padding-right: 52px !important; + padding-right: 52px !important } .pl-xxl-13, .px-xxl-13 { - padding-left: 52px !important; + padding-left: 52px !important } .pb-xxl-13, .py-xxl-13 { - padding-bottom: 52px !important; + padding-bottom: 52px !important } .ps-xxl-13 { - padding-inline-start: 52px !important; + padding-inline-start: 52px !important } .pe-xxl-13 { - padding-inline-end: 52px !important; + padding-inline-end: 52px !important } .pa-xxl-13 { - padding: 52px !important; + padding: 52px !important } .pt-xxl-14, .py-xxl-14 { - padding-top: 56px !important; + padding-top: 56px !important } .pr-xxl-14, .px-xxl-14 { - padding-right: 56px !important; + padding-right: 56px !important } .pl-xxl-14, .px-xxl-14 { - padding-left: 56px !important; + padding-left: 56px !important } .pb-xxl-14, .py-xxl-14 { - padding-bottom: 56px !important; + padding-bottom: 56px !important } .ps-xxl-14 { - padding-inline-start: 56px !important; + padding-inline-start: 56px !important } .pe-xxl-14 { - padding-inline-end: 56px !important; + padding-inline-end: 56px !important } .pa-xxl-14 { - padding: 56px !important; + padding: 56px !important } .pt-xxl-15, .py-xxl-15 { - padding-top: 60px !important; + padding-top: 60px !important } .pr-xxl-15, .px-xxl-15 { - padding-right: 60px !important; + padding-right: 60px !important } .pl-xxl-15, .px-xxl-15 { - padding-left: 60px !important; + padding-left: 60px !important } .pb-xxl-15, .py-xxl-15 { - padding-bottom: 60px !important; + padding-bottom: 60px !important } .ps-xxl-15 { - padding-inline-start: 60px !important; + padding-inline-start: 60px !important } .pe-xxl-15 { - padding-inline-end: 60px !important; + padding-inline-end: 60px !important } .pa-xxl-15 { - padding: 60px !important; + padding: 60px !important } .pt-xxl-16, .py-xxl-16 { - padding-top: 64px !important; + padding-top: 64px !important } .pr-xxl-16, .px-xxl-16 { - padding-right: 64px !important; + padding-right: 64px !important } .pl-xxl-16, .px-xxl-16 { - padding-left: 64px !important; + padding-left: 64px !important } .pb-xxl-16, .py-xxl-16 { - padding-bottom: 64px !important; + padding-bottom: 64px !important } .ps-xxl-16 { - padding-inline-start: 64px !important; + padding-inline-start: 64px !important } .pe-xxl-16 { - padding-inline-end: 64px !important; + padding-inline-end: 64px !important } .pa-xxl-16 { - padding: 64px !important; + padding: 64px !important } .pt-xxl-auto, .py-xxl-auto { - padding-top: auto !important; + padding-top: auto !important } .pr-xxl-auto, .px-xxl-auto { - padding-right: auto !important; + padding-right: auto !important } .pl-xxl-auto, .px-xxl-auto { - padding-left: auto !important; + padding-left: auto !important } .pb-xxl-auto, .py-xxl-auto { - padding-bottom: auto !important; + padding-bottom: auto !important } .ps-xxl-auto { - padding-inline-start: auto !important; + padding-inline-start: auto !important } .pe-xxl-auto { - padding-inline-end: auto !important; + padding-inline-end: auto !important } .pa-xxl-auto { - padding: auto !important; + padding: auto !important } .mt-xxl-n1, .my-xxl-n1 { - margin-top: -4px !important; + margin-top: -4px !important } .mr-xxl-n1, .mx-xxl-n1 { - margin-right: -4px !important; + margin-right: -4px !important } .ml-xxl-n1, .mx-xxl-n1 { - margin-left: -4px !important; + margin-left: -4px !important } .mb-xxl-n1, .my-xxl-n1 { - margin-bottom: -4px !important; + margin-bottom: -4px !important } .ms-xxl-n1 { - margin-inline-start: -4px !important; + margin-inline-start: -4px !important } .me-xxl-n1 { - margin-inline-end: -4px !important; + margin-inline-end: -4px !important } .ma-xxl-n1 { - margin: -4px !important; + margin: -4px !important } .mt-xxl-n2, .my-xxl-n2 { - margin-top: -8px !important; + margin-top: -8px !important } .mr-xxl-n2, .mx-xxl-n2 { - margin-right: -8px !important; + margin-right: -8px !important } .ml-xxl-n2, .mx-xxl-n2 { - margin-left: -8px !important; + margin-left: -8px !important } .mb-xxl-n2, .my-xxl-n2 { - margin-bottom: -8px !important; + margin-bottom: -8px !important } .ms-xxl-n2 { - margin-inline-start: -8px !important; + margin-inline-start: -8px !important } .me-xxl-n2 { - margin-inline-end: -8px !important; + margin-inline-end: -8px !important } .ma-xxl-n2 { - margin: -8px !important; + margin: -8px !important } .mt-xxl-n3, .my-xxl-n3 { - margin-top: -12px !important; + margin-top: -12px !important } .mr-xxl-n3, .mx-xxl-n3 { - margin-right: -12px !important; + margin-right: -12px !important } .ml-xxl-n3, .mx-xxl-n3 { - margin-left: -12px !important; + margin-left: -12px !important } .mb-xxl-n3, .my-xxl-n3 { - margin-bottom: -12px !important; + margin-bottom: -12px !important } .ms-xxl-n3 { - margin-inline-start: -12px !important; + margin-inline-start: -12px !important } .me-xxl-n3 { - margin-inline-end: -12px !important; + margin-inline-end: -12px !important } .ma-xxl-n3 { - margin: -12px !important; + margin: -12px !important } .mt-xxl-n4, .my-xxl-n4 { - margin-top: -16px !important; + margin-top: -16px !important } .mr-xxl-n4, .mx-xxl-n4 { - margin-right: -16px !important; + margin-right: -16px !important } .ml-xxl-n4, .mx-xxl-n4 { - margin-left: -16px !important; + margin-left: -16px !important } .mb-xxl-n4, .my-xxl-n4 { - margin-bottom: -16px !important; + margin-bottom: -16px !important } .ms-xxl-n4 { - margin-inline-start: -16px !important; + margin-inline-start: -16px !important } .me-xxl-n4 { - margin-inline-end: -16px !important; + margin-inline-end: -16px !important } .ma-xxl-n4 { - margin: -16px !important; + margin: -16px !important } .mt-xxl-n5, .my-xxl-n5 { - margin-top: -20px !important; + margin-top: -20px !important } .mr-xxl-n5, .mx-xxl-n5 { - margin-right: -20px !important; + margin-right: -20px !important } .ml-xxl-n5, .mx-xxl-n5 { - margin-left: -20px !important; + margin-left: -20px !important } .mb-xxl-n5, .my-xxl-n5 { - margin-bottom: -20px !important; + margin-bottom: -20px !important } .ms-xxl-n5 { - margin-inline-start: -20px !important; + margin-inline-start: -20px !important } .me-xxl-n5 { - margin-inline-end: -20px !important; + margin-inline-end: -20px !important } .ma-xxl-n5 { - margin: -20px !important; + margin: -20px !important } .mt-xxl-n6, .my-xxl-n6 { - margin-top: -24px !important; + margin-top: -24px !important } .mr-xxl-n6, .mx-xxl-n6 { - margin-right: -24px !important; + margin-right: -24px !important } .ml-xxl-n6, .mx-xxl-n6 { - margin-left: -24px !important; + margin-left: -24px !important } .mb-xxl-n6, .my-xxl-n6 { - margin-bottom: -24px !important; + margin-bottom: -24px !important } .ms-xxl-n6 { - margin-inline-start: -24px !important; + margin-inline-start: -24px !important } .me-xxl-n6 { - margin-inline-end: -24px !important; + margin-inline-end: -24px !important } .ma-xxl-n6 { - margin: -24px !important; + margin: -24px !important } .mt-xxl-n7, .my-xxl-n7 { - margin-top: -28px !important; + margin-top: -28px !important } .mr-xxl-n7, .mx-xxl-n7 { - margin-right: -28px !important; + margin-right: -28px !important } .ml-xxl-n7, .mx-xxl-n7 { - margin-left: -28px !important; + margin-left: -28px !important } .mb-xxl-n7, .my-xxl-n7 { - margin-bottom: -28px !important; + margin-bottom: -28px !important } .ms-xxl-n7 { - margin-inline-start: -28px !important; + margin-inline-start: -28px !important } .me-xxl-n7 { - margin-inline-end: -28px !important; + margin-inline-end: -28px !important } .ma-xxl-n7 { - margin: -28px !important; + margin: -28px !important } .mt-xxl-n8, .my-xxl-n8 { - margin-top: -32px !important; + margin-top: -32px !important } .mr-xxl-n8, .mx-xxl-n8 { - margin-right: -32px !important; + margin-right: -32px !important } .ml-xxl-n8, .mx-xxl-n8 { - margin-left: -32px !important; + margin-left: -32px !important } .mb-xxl-n8, .my-xxl-n8 { - margin-bottom: -32px !important; + margin-bottom: -32px !important } .ms-xxl-n8 { - margin-inline-start: -32px !important; + margin-inline-start: -32px !important } .me-xxl-n8 { - margin-inline-end: -32px !important; + margin-inline-end: -32px !important } .ma-xxl-n8 { - margin: -32px !important; + margin: -32px !important } .mt-xxl-n9, .my-xxl-n9 { - margin-top: -36px !important; + margin-top: -36px !important } .mr-xxl-n9, .mx-xxl-n9 { - margin-right: -36px !important; + margin-right: -36px !important } .ml-xxl-n9, .mx-xxl-n9 { - margin-left: -36px !important; + margin-left: -36px !important } .mb-xxl-n9, .my-xxl-n9 { - margin-bottom: -36px !important; + margin-bottom: -36px !important } .ms-xxl-n9 { - margin-inline-start: -36px !important; + margin-inline-start: -36px !important } .me-xxl-n9 { - margin-inline-end: -36px !important; + margin-inline-end: -36px !important } .ma-xxl-n9 { - margin: -36px !important; + margin: -36px !important } .mt-xxl-n10, .my-xxl-n10 { - margin-top: -40px !important; + margin-top: -40px !important } .mr-xxl-n10, .mx-xxl-n10 { - margin-right: -40px !important; + margin-right: -40px !important } .ml-xxl-n10, .mx-xxl-n10 { - margin-left: -40px !important; + margin-left: -40px !important } .mb-xxl-n10, .my-xxl-n10 { - margin-bottom: -40px !important; + margin-bottom: -40px !important } .ms-xxl-n10 { - margin-inline-start: -40px !important; + margin-inline-start: -40px !important } .me-xxl-n10 { - margin-inline-end: -40px !important; + margin-inline-end: -40px !important } .ma-xxl-n10 { - margin: -40px !important; + margin: -40px !important } .mt-xxl-n11, .my-xxl-n11 { - margin-top: -44px !important; + margin-top: -44px !important } .mr-xxl-n11, .mx-xxl-n11 { - margin-right: -44px !important; + margin-right: -44px !important } .ml-xxl-n11, .mx-xxl-n11 { - margin-left: -44px !important; + margin-left: -44px !important } .mb-xxl-n11, .my-xxl-n11 { - margin-bottom: -44px !important; + margin-bottom: -44px !important } .ms-xxl-n11 { - margin-inline-start: -44px !important; + margin-inline-start: -44px !important } .me-xxl-n11 { - margin-inline-end: -44px !important; + margin-inline-end: -44px !important } .ma-xxl-n11 { - margin: -44px !important; + margin: -44px !important } .mt-xxl-n12, .my-xxl-n12 { - margin-top: -48px !important; + margin-top: -48px !important } .mr-xxl-n12, .mx-xxl-n12 { - margin-right: -48px !important; + margin-right: -48px !important } .ml-xxl-n12, .mx-xxl-n12 { - margin-left: -48px !important; + margin-left: -48px !important } .mb-xxl-n12, .my-xxl-n12 { - margin-bottom: -48px !important; + margin-bottom: -48px !important } .ms-xxl-n12 { - margin-inline-start: -48px !important; + margin-inline-start: -48px !important } .me-xxl-n12 { - margin-inline-end: -48px !important; + margin-inline-end: -48px !important } .ma-xxl-n12 { - margin: -48px !important; + margin: -48px !important } .mt-xxl-n13, .my-xxl-n13 { - margin-top: -52px !important; + margin-top: -52px !important } .mr-xxl-n13, .mx-xxl-n13 { - margin-right: -52px !important; + margin-right: -52px !important } .ml-xxl-n13, .mx-xxl-n13 { - margin-left: -52px !important; + margin-left: -52px !important } .mb-xxl-n13, .my-xxl-n13 { - margin-bottom: -52px !important; + margin-bottom: -52px !important } .ms-xxl-n13 { - margin-inline-start: -52px !important; + margin-inline-start: -52px !important } .me-xxl-n13 { - margin-inline-end: -52px !important; + margin-inline-end: -52px !important } .ma-xxl-n13 { - margin: -52px !important; + margin: -52px !important } .mt-xxl-n14, .my-xxl-n14 { - margin-top: -56px !important; + margin-top: -56px !important } .mr-xxl-n14, .mx-xxl-n14 { - margin-right: -56px !important; + margin-right: -56px !important } .ml-xxl-n14, .mx-xxl-n14 { - margin-left: -56px !important; + margin-left: -56px !important } .mb-xxl-n14, .my-xxl-n14 { - margin-bottom: -56px !important; + margin-bottom: -56px !important } .ms-xxl-n14 { - margin-inline-start: -56px !important; + margin-inline-start: -56px !important } .me-xxl-n14 { - margin-inline-end: -56px !important; + margin-inline-end: -56px !important } .ma-xxl-n14 { - margin: -56px !important; + margin: -56px !important } .mt-xxl-n15, .my-xxl-n15 { - margin-top: -60px !important; + margin-top: -60px !important } .mr-xxl-n15, .mx-xxl-n15 { - margin-right: -60px !important; + margin-right: -60px !important } .ml-xxl-n15, .mx-xxl-n15 { - margin-left: -60px !important; + margin-left: -60px !important } .mb-xxl-n15, .my-xxl-n15 { - margin-bottom: -60px !important; + margin-bottom: -60px !important } .ms-xxl-n15 { - margin-inline-start: -60px !important; + margin-inline-start: -60px !important } .me-xxl-n15 { - margin-inline-end: -60px !important; + margin-inline-end: -60px !important } .ma-xxl-n15 { - margin: -60px !important; + margin: -60px !important } .mt-xxl-n16, .my-xxl-n16 { - margin-top: -64px !important; + margin-top: -64px !important } .mr-xxl-n16, .mx-xxl-n16 { - margin-right: -64px !important; + margin-right: -64px !important } .ml-xxl-n16, .mx-xxl-n16 { - margin-left: -64px !important; + margin-left: -64px !important } .mb-xxl-n16, .my-xxl-n16 { - margin-bottom: -64px !important; + margin-bottom: -64px !important } .ms-xxl-n16 { - margin-inline-start: -64px !important; + margin-inline-start: -64px !important } .me-xxl-n16 { - margin-inline-end: -64px !important; + margin-inline-end: -64px !important } .ma-xxl-n16 { - margin: -64px !important; + margin: -64px !important } } .mud-width-full { - width: 100%; + width: 100% } .mud-height-full { - height: 100%; + height: 100% } .w-max { - width: max-content; + width: max-content } .mud-appbar { @@ -24011,484 +24382,484 @@ tr.mud-table-row-group-indented-5 td:first-child { flex-direction: column; color: var(--mud-palette-appbar-text); background-color: var(--mud-palette-appbar-background); - transition: margin 225ms cubic-bezier(0,0,.2,1) 0ms,width 225ms cubic-bezier(0,0,.2,1) 0ms; + transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms,width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms } .mud-appbar.mud-appbar-fixed-top { position: fixed; top: 0; right: 0; - left: 0; + left: 0 } .mud-appbar.mud-appbar-fixed-top .mud-popover-cascading-value { - position: fixed; + position: fixed } .mud-appbar.mud-appbar-fixed-bottom { position: fixed; bottom: 0; right: 0; - left: 0; + left: 0 } .mud-appbar.mud-appbar-fixed-bottom .mud-popover-cascading-value { - position: fixed; + position: fixed } .mud-appbar .mud-toolbar-appbar { - height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); + height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8) } -@media(min-width:0) and (orientation:landscape) { +@media(min-width: 0px)and (orientation: landscape) { .mud-appbar .mud-toolbar-appbar { - height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-appbar .mud-toolbar-appbar { - height: var(--mud-appbar-height); + height: var(--mud-appbar-height) } } .mud-appbar.mud-appbar-dense .mud-toolbar-appbar { - height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) } -@media(min-width:0) { +@media(min-width: 0px) { .mud-drawer-open-responsive-xs-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-responsive-xs-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-responsive-xs-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xs-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-drawer-open-responsive-sm-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-responsive-sm-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-responsive-sm-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-sm-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-drawer-open-responsive-md-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-responsive-md-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-responsive-md-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-md-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-drawer-open-responsive-lg-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-responsive-lg-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-responsive-lg-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-lg-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-drawer-open-responsive-xl-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-responsive-xl-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-responsive-xl-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xl-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-drawer-open-responsive-xxl-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-responsive-xxl-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-responsive-xxl-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xxl-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } .mud-drawer-open-persistent-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-persistent-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-persistent-left.mud-drawer-left-clipped-never.mud-drawer-open-persistent-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } -@media(min-width:0) { +@media(min-width: 0px) { .mud-drawer-open-mini-xs-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-mini-xs-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-drawer-open-mini-sm-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-mini-sm-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-drawer-open-mini-md-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-mini-md-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-mini-md-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-md-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-drawer-open-mini-lg-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-mini-lg-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-drawer-open-mini-xl-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-mini-xl-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-drawer-open-mini-xxl-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); - width: calc(100% - var(--mud-drawer-width-left)); + width: calc(100% - var(--mud-drawer-width-left)) } .mud-drawer-open-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-right)) } .mud-drawer-open-mini-xxl-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-left); margin-right: var(--mud-drawer-width-right); - width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); + width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)) } } .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } -@media(max-width:0) { +@media(max-width: 0px) { .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-docked .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } } .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } -@media(max-width:600px) { +@media(max-width: 600px) { .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-docked .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } } .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-md-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } -@media(max-width:960px) { +@media(max-width: 960px) { .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-md-right.mud-drawer-right-clipped-docked .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } } .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } -@media(max-width:1280px) { +@media(max-width: 1280px) { .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-docked .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } } .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } -@media(max-width:1920px) { +@media(max-width: 1920px) { .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-docked .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } } .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } -@media(max-width:2560px) { +@media(max-width: 2560px) { .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); - width: calc(100% - var(--mud-drawer-width-mini-left)); + width: calc(100% - var(--mud-drawer-width-mini-left)) } .mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-docked .mud-appbar { margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-right)) } .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-docked.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-docked .mud-appbar { margin-left: var(--mud-drawer-width-mini-left); margin-right: var(--mud-drawer-width-mini-right); - width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); + width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)) } } @@ -24504,7 +24875,7 @@ tr.mud-table-row-group-indented-5 td:first-child { flex-direction: column; color: var(--mud-palette-drawer-text); background-color: var(--mud-palette-drawer-background); - --mud-drawer-content-height: 0; + --mud-drawer-content-height: 0 } .mud-drawer .mud-drawer-content { @@ -24514,620 +24885,620 @@ tr.mud-table-row-group-indented-5 td:first-child { flex-shrink: 0; flex-grow: 1; flex: 0 0 auto; - flex-direction: column; + flex-direction: column } .mud-drawer:not(.mud-drawer-fixed) { - position: absolute; + position: absolute } -@media(max-width:-1px) { +@media(max-width: -1px) { .mud-drawer.mud-drawer-mini.mud-drawer-xs:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-xs { - z-index: calc(var(--mud-zindex-appbar) + 2); + z-index: calc(var(--mud-zindex-appbar) + 2) } .mud-drawer.mud-drawer-mini.mud-drawer-xs:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-xs.mud-drawer--initial:not(.mud-drawer-mini) { - display: none !important; + display: none !important } } -@media(max-width:599px) { +@media(max-width: 599px) { .mud-drawer.mud-drawer-mini.mud-drawer-sm:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-sm { - z-index: calc(var(--mud-zindex-appbar) + 2); + z-index: calc(var(--mud-zindex-appbar) + 2) } .mud-drawer.mud-drawer-mini.mud-drawer-sm:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-sm.mud-drawer--initial:not(.mud-drawer-mini) { - display: none !important; + display: none !important } } -@media(max-width:959px) { +@media(max-width: 959px) { .mud-drawer.mud-drawer-mini.mud-drawer-md:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-md { - z-index: calc(var(--mud-zindex-appbar) + 2); + z-index: calc(var(--mud-zindex-appbar) + 2) } .mud-drawer.mud-drawer-mini.mud-drawer-md:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-md.mud-drawer--initial:not(.mud-drawer-mini) { - display: none !important; + display: none !important } } -@media(max-width:1279px) { +@media(max-width: 1279px) { .mud-drawer.mud-drawer-mini.mud-drawer-lg:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-lg { - z-index: calc(var(--mud-zindex-appbar) + 2); + z-index: calc(var(--mud-zindex-appbar) + 2) } .mud-drawer.mud-drawer-mini.mud-drawer-lg:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-lg.mud-drawer--initial:not(.mud-drawer-mini) { - display: none !important; + display: none !important } } -@media(max-width:1919px) { +@media(max-width: 1919px) { .mud-drawer.mud-drawer-mini.mud-drawer-xl:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-xl { - z-index: calc(var(--mud-zindex-appbar) + 2); + z-index: calc(var(--mud-zindex-appbar) + 2) } .mud-drawer.mud-drawer-mini.mud-drawer-xl:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-xl.mud-drawer--initial:not(.mud-drawer-mini) { - display: none !important; + display: none !important } } -@media(max-width:2559px) { +@media(max-width: 2559px) { .mud-drawer.mud-drawer-mini.mud-drawer-xxl:not(.mud-drawer--closed), .mud-drawer.mud-drawer-responsive.mud-drawer-xxl { - z-index: calc(var(--mud-zindex-appbar) + 2); + z-index: calc(var(--mud-zindex-appbar) + 2) } .mud-drawer.mud-drawer-mini.mud-drawer-xxl:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini), .mud-drawer.mud-drawer-responsive.mud-drawer-xxl.mud-drawer--initial:not(.mud-drawer-mini) { - display: none !important; + display: none !important } } .mud-drawer.mud-drawer-responsive, .mud-drawer.mud-drawer-persistent { - height: 100%; + height: 100% } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left { right: auto; - width: var(--mud-drawer-width,var(--mud-drawer-width-left)); + width: var(--mud-drawer-width, var(--mud-drawer-width-left)) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open { - left: 0; + left: 0 } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial) { - animation: mud-drawer-slide-in-left 225ms cubic-bezier(0,0,.2,1); + animation: mud-drawer-slide-in-left 225ms cubic-bezier(0, 0, 0.2, 1) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed { box-shadow: none; - left: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-left))); + left: calc(-1*var(--mud-drawer-width, var(--mud-drawer-width-left))) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) { - animation: mud-drawer-slide-out-left 225ms cubic-bezier(0,0,.2,1); + animation: mud-drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right { left: auto; - width: var(--mud-drawer-width,var(--mud-drawer-width-right)); + width: var(--mud-drawer-width, var(--mud-drawer-width-right)) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open { - right: 0; + right: 0 } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) { - animation: mud-drawer-slide-in-right 225ms cubic-bezier(0,0,.2,1); + animation: mud-drawer-slide-in-right 225ms cubic-bezier(0, 0, 0.2, 1) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--closed { box-shadow: none; - right: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-right))); + right: calc(-1*var(--mud-drawer-width, var(--mud-drawer-width-right))) } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial) { - animation: mud-drawer-slide-out-right 225ms cubic-bezier(0,0,.2,1); + animation: mud-drawer-slide-out-right 225ms cubic-bezier(0, 0, 0.2, 1) } .mud-drawer.mud-drawer-mini { height: 100%; - transition: width 225ms cubic-bezier(0,0,.2,1); + transition: width 225ms cubic-bezier(0, 0, 0.2, 1) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-left { left: 0; - right: auto; + right: auto } .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed { - width: var(--mud-drawer-width-mini-left); + width: var(--mud-drawer-width-mini-left) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open { - width: var(--mud-drawer-width-left); + width: var(--mud-drawer-width-left) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-right { left: auto; - right: 0; + right: 0 } .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed { - width: var(--mud-drawer-width-mini-right); + width: var(--mud-drawer-width-mini-right) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--open { - width: var(--mud-drawer-width-right); + width: var(--mud-drawer-width-right) } .mud-drawer.mud-drawer-temporary { margin: 0 !important; z-index: calc(var(--mud-zindex-appbar) + 2); - transition: transform 225ms cubic-bezier(0,0,.2,1) 0ms; + transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left { right: auto; top: 0; height: 100%; - width: var(--mud-drawer-width,var(--mud-drawer-width-left)); + width: var(--mud-drawer-width, var(--mud-drawer-width-left)) } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open { - left: 0; + left: 0 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial) { - animation: mud-drawer-slide-in-left 225ms cubic-bezier(0,0,.2,1) forwards; + animation: mud-drawer-slide-in-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed { - left: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-left))); + left: calc(-1*var(--mud-drawer-width, var(--mud-drawer-width-left))) } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) { - animation: mud-drawer-slide-out-left 225ms cubic-bezier(0,0,.2,1) forwards; + animation: mud-drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right { left: auto; top: 0; height: 100%; - width: var(--mud-drawer-width,var(--mud-drawer-width-right)); + width: var(--mud-drawer-width, var(--mud-drawer-width-right)) } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open { - right: 0; + right: 0 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) { - animation: mud-drawer-slide-in-right 225ms cubic-bezier(0,0,.2,1) forwards; + animation: mud-drawer-slide-in-right 225ms cubic-bezier(0, 0, 0.2, 1) forwards } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed { - right: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-right))); + right: calc(-1*var(--mud-drawer-width, var(--mud-drawer-width-right))) } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial) { - animation: mud-drawer-slide-out-right 225ms cubic-bezier(0,0,.2,1) forwards; + animation: mud-drawer-slide-out-right 225ms cubic-bezier(0, 0, 0.2, 1) forwards } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom { left: 0; top: auto; - width: 100%; + width: 100% } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open { - bottom: 0; + bottom: 0 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open:not(.mud-drawer--initial) { - animation: mud-drawer-slide-in-bottom 225ms cubic-bezier(0,0,.2,1) 0ms 1; + animation: mud-drawer-slide-in-bottom 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed { - bottom: calc(-1*var(--mud-drawer-content-height)); + bottom: calc(-1*var(--mud-drawer-content-height)) } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed:not(.mud-drawer--initial) { - animation: mud-drawer-slide-out-bottom 225ms cubic-bezier(0,0,.2,1) 0ms 1; + animation: mud-drawer-slide-out-bottom 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top { left: 0; bottom: auto; - width: 100%; + width: 100% } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--open { - top: 0; + top: 0 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--open:not(.mud-drawer--initial) { - animation: mud-drawer-slide-in-top 225ms cubic-bezier(0,0,.2,1) 0ms 1; + animation: mud-drawer-slide-in-top 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1 } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--closed { - top: calc(-1*var(--mud-drawer-content-height)); + top: calc(-1*var(--mud-drawer-content-height)) } .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--closed:not(.mud-drawer--initial) { - animation: mud-drawer-slide-out-top 225ms cubic-bezier(0,0,.2,1) 0ms 1; + animation: mud-drawer-slide-out-top 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1 } .mud-drawer.mud-drawer-mini.mud-drawer-pos-left ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-mini.mud-drawer-pos-right ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right ~ div:not(.mud-main-content) { - transition: margin 225ms cubic-bezier(0,0,.2,1) 0ms; + transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms } .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content) { - margin-left: var(--mud-drawer-width,var(--mud-drawer-width-left)); + margin-left: var(--mud-drawer-width, var(--mud-drawer-width-left)) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open ~ div:not(.mud-main-content) { - margin-right: var(--mud-drawer-width,var(--mud-drawer-width-right)); + margin-right: var(--mud-drawer-width, var(--mud-drawer-width-right)) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed ~ div:not(.mud-main-content) { - margin-left: var(--mud-drawer-width,var(--mud-drawer-width-mini-left)); + margin-left: var(--mud-drawer-width, var(--mud-drawer-width-mini-left)) } .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed ~ div:not(.mud-main-content) { - margin-right: var(--mud-drawer-width,var(--mud-drawer-width-mini-right)); + margin-right: var(--mud-drawer-width, var(--mud-drawer-width-mini-right)) } .mud-drawer-header { display: flex; min-height: var(--mud-appbar-height); - padding: 12px 24px 12px 24px; + padding: 12px 24px 12px 24px } .mud-drawer-header.mud-drawer-header-dense { min-height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - padding: 8px 24px 8px 24px; + padding: 8px 24px 8px 24px } .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } -@media(max-width:599px) and (orientation:landscape) { +@media(max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4)); + height: calc(100% - (var(--mud-appbar-height) - var(--mud-appbar-height)/4)) } } -@media(max-width:599px) and (orientation:portrait) { +@media(max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8)); + height: calc(100% - (var(--mud-appbar-height) - var(--mud-appbar-height)/8)) } } -@media(min-width:0) { +@media(min-width: 0px) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } } -@media(min-width:0) and (max-width:599px) and (orientation:landscape) { +@media(min-width: 0px)and (max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:0) and (max-width:599px) and (orientation:portrait) { +@media(min-width: 0px)and (max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - var(--mud-appbar-height)/8); + height: calc(100% - var(--mud-appbar-height)/8) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } } -@media(min-width:600px) and (max-width:599px) and (orientation:landscape) { +@media(min-width: 600px)and (max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:600px) and (max-width:599px) and (orientation:portrait) { +@media(min-width: 600px)and (max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - var(--mud-appbar-height)/8); + height: calc(100% - var(--mud-appbar-height)/8) } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } } -@media(min-width:960px) and (max-width:599px) and (orientation:landscape) { +@media(min-width: 960px)and (max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:960px) and (max-width:599px) and (orientation:portrait) { +@media(min-width: 960px)and (max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - var(--mud-appbar-height)/8); + height: calc(100% - var(--mud-appbar-height)/8) } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } } -@media(min-width:1280px) and (max-width:599px) and (orientation:landscape) { +@media(min-width: 1280px)and (max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:1280px) and (max-width:599px) and (orientation:portrait) { +@media(min-width: 1280px)and (max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - var(--mud-appbar-height)/8); + height: calc(100% - var(--mud-appbar-height)/8) } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } } -@media(min-width:1920px) and (max-width:599px) and (orientation:landscape) { +@media(min-width: 1920px)and (max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:1920px) and (max-width:599px) and (orientation:portrait) { +@media(min-width: 1920px)and (max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - var(--mud-appbar-height)/8); + height: calc(100% - var(--mud-appbar-height)/8) } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl { top: var(--mud-appbar-height); - height: calc(100% - var(--mud-appbar-height)); + height: calc(100% - var(--mud-appbar-height)) } } -@media(min-width:2560px) and (max-width:599px) and (orientation:landscape) { +@media(min-width: 2560px)and (max-width: 599px)and (orientation: landscape) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:2560px) and (max-width:599px) and (orientation:portrait) { +@media(min-width: 2560px)and (max-width: 599px)and (orientation: portrait) { .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl, .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - height: calc(100% - var(--mud-appbar-height)/8); + height: calc(100% - var(--mud-appbar-height)/8) } } .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } -@media(min-width:0) { +@media(min-width: 0px) { .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl { top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); - height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4); + height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4) } } .mud-drawer-overlay { - display: none; + display: none } -@media(max-width:-1px) { +@media(max-width: -1px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xs { - display: block; + display: block } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xs.mud-drawer--initial { - display: none; + display: none } } -@media(max-width:-1px) { +@media(max-width: -1px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xs { - display: block; + display: block } } -@media(max-width:599px) { +@media(max-width: 599px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-sm { - display: block; + display: block } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-sm.mud-drawer--initial { - display: none; + display: none } } -@media(max-width:599px) { +@media(max-width: 599px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-sm { - display: block; + display: block } } -@media(max-width:959px) { +@media(max-width: 959px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-md { - display: block; + display: block } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-md.mud-drawer--initial { - display: none; + display: none } } -@media(max-width:959px) { +@media(max-width: 959px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-md { - display: block; + display: block } } -@media(max-width:1279px) { +@media(max-width: 1279px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-lg { - display: block; + display: block } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-lg.mud-drawer--initial { - display: none; + display: none } } -@media(max-width:1279px) { +@media(max-width: 1279px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-lg { - display: block; + display: block } } -@media(max-width:1919px) { +@media(max-width: 1919px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xl { - display: block; + display: block } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xl.mud-drawer--initial { - display: none; + display: none } } -@media(max-width:1919px) { +@media(max-width: 1919px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xl { - display: block; + display: block } } -@media(max-width:2559px) { +@media(max-width: 2559px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xxl { - display: block; + display: block } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xxl.mud-drawer--initial { - display: none; + display: none } } -@media(max-width:2559px) { +@media(max-width: 2559px) { .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xxl { - display: block; + display: block } } .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-temporary { - display: block; + display: block } @keyframes mud-drawer-slide-in-left { from { - left: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-left))); + left: calc(-1*var(--mud-drawer-width, var(--mud-drawer-width-left))) } } @keyframes mud-drawer-slide-out-left { from { - left: 0; + left: 0 } } @keyframes mud-drawer-slide-in-right { from { - right: calc(-1*var(--mud-drawer-width,var(--mud-drawer-width-right))); + right: calc(-1*var(--mud-drawer-width, var(--mud-drawer-width-right))) } } @keyframes mud-drawer-slide-out-right { from { - right: 0; + right: 0 } } @keyframes mud-drawer-slide-in-bottom { from { - bottom: calc(-1*var(--mud-drawer-content-height)); + bottom: calc(-1*var(--mud-drawer-content-height)) } } @keyframes mud-drawer-slide-out-bottom { from { - bottom: 0; + bottom: 0 } } @keyframes mud-drawer-slide-in-top { from { - top: calc(-1*var(--mud-drawer-content-height)); + top: calc(-1*var(--mud-drawer-content-height)) } } @keyframes mud-drawer-slide-out-top { from { - top: 0; + top: 0 } } @@ -25135,320 +25506,308 @@ tr.mud-table-row-group-indented-5 td:first-child { margin: 0; flex: 1 1 auto; padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8); - transition: margin 225ms cubic-bezier(0,0,.2,1) 0ms; + transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms } -@media(min-width:0) and (orientation:landscape) { +@media(min-width: 0px)and (orientation: landscape) { .mud-main-content { - padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); + padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-main-content { - padding-top: var(--mud-appbar-height); + padding-top: var(--mud-appbar-height) } } .mud-appbar-dense ~ .mud-main-content { - padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4); + padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) } -@media(min-width:0) { +@media(min-width: 0px) { .mud-drawer-open-responsive-xs-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-responsive-xs-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-responsive-xs-left.mud-drawer-open-responsive-xs-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-drawer-open-responsive-sm-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-responsive-sm-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-responsive-sm-left.mud-drawer-open-responsive-sm-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-drawer-open-responsive-md-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-responsive-md-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-responsive-md-left.mud-drawer-open-responsive-md-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-drawer-open-responsive-lg-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-responsive-lg-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-responsive-lg-left.mud-drawer-open-responsive-lg-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-drawer-open-responsive-xl-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-responsive-xl-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-responsive-xl-left.mud-drawer-open-responsive-xl-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-drawer-open-responsive-xxl-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-responsive-xxl-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-responsive-xxl-left.mud-drawer-open-responsive-xxl-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } } .mud-drawer-open-persistent-left:not(.mud-drawer-open-persistent-right) .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-persistent-right:not(.mud-drawer-open-persistent-left) .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-persistent-left.mud-drawer-open-persistent-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } -@media(min-width:0) { - .mud-drawer-open-mini-xs-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-xs-left .mud-main-content { + margin-left: var(--mud-drawer-width-left) +} - .mud-drawer-open-mini-xs-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - } +.mud-drawer-open-mini-xs-right .mud-main-content { + margin-right: var(--mud-drawer-width-right) +} - .mud-drawer-open-mini-xs-left.mud-drawer-open-mini-xs-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-xs-left.mud-drawer-open-mini-xs-right .mud-main-content { + margin-right: var(--mud-drawer-width-right); + margin-left: var(--mud-drawer-width-left) } -@media(min-width:600px) { - .mud-drawer-open-mini-sm-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-sm-left .mud-main-content { + margin-left: var(--mud-drawer-width-left) +} - .mud-drawer-open-mini-sm-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - } +.mud-drawer-open-mini-sm-right .mud-main-content { + margin-right: var(--mud-drawer-width-right) +} - .mud-drawer-open-mini-sm-left.mud-drawer-open-mini-sm-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-sm-left.mud-drawer-open-mini-sm-right .mud-main-content { + margin-right: var(--mud-drawer-width-right); + margin-left: var(--mud-drawer-width-left) } -@media(min-width:960px) { - .mud-drawer-open-mini-md-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-md-left .mud-main-content { + margin-left: var(--mud-drawer-width-left) +} - .mud-drawer-open-mini-md-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - } +.mud-drawer-open-mini-md-right .mud-main-content { + margin-right: var(--mud-drawer-width-right) +} - .mud-drawer-open-mini-md-left.mud-drawer-open-mini-md-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-md-left.mud-drawer-open-mini-md-right .mud-main-content { + margin-right: var(--mud-drawer-width-right); + margin-left: var(--mud-drawer-width-left) } -@media(min-width:1280px) { - .mud-drawer-open-mini-lg-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-lg-left .mud-main-content { + margin-left: var(--mud-drawer-width-left) +} - .mud-drawer-open-mini-lg-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - } +.mud-drawer-open-mini-lg-right .mud-main-content { + margin-right: var(--mud-drawer-width-right) +} - .mud-drawer-open-mini-lg-left.mud-drawer-open-mini-lg-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-lg-left.mud-drawer-open-mini-lg-right .mud-main-content { + margin-right: var(--mud-drawer-width-right); + margin-left: var(--mud-drawer-width-left) } -@media(min-width:1920px) { - .mud-drawer-open-mini-xl-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-xl-left .mud-main-content { + margin-left: var(--mud-drawer-width-left) +} - .mud-drawer-open-mini-xl-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - } +.mud-drawer-open-mini-xl-right .mud-main-content { + margin-right: var(--mud-drawer-width-right) +} - .mud-drawer-open-mini-xl-left.mud-drawer-open-mini-xl-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-xl-left.mud-drawer-open-mini-xl-right .mud-main-content { + margin-right: var(--mud-drawer-width-right); + margin-left: var(--mud-drawer-width-left) } -@media(min-width:2560px) { - .mud-drawer-open-mini-xxl-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-xxl-left .mud-main-content { + margin-left: var(--mud-drawer-width-left) +} - .mud-drawer-open-mini-xxl-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - } +.mud-drawer-open-mini-xxl-right .mud-main-content { + margin-right: var(--mud-drawer-width-right) +} - .mud-drawer-open-mini-xxl-left.mud-drawer-open-mini-xxl-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); - } +.mud-drawer-open-mini-xxl-left.mud-drawer-open-mini-xxl-right .mud-main-content { + margin-right: var(--mud-drawer-width-right); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-mini-none-left .mud-main-content, .mud-drawer-open-mini-always-left .mud-main-content { - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-open-mini-none-right .mud-main-content, .mud-drawer-open-mini-always-right .mud-main-content { - margin-right: var(--mud-drawer-width-right); + margin-right: var(--mud-drawer-width-right) } .mud-drawer-open-mini-none-left.mud-drawer-open-mini-none, .mud-drawer-open-mini-none .mud-drawer-open-mini-always-right .mud-main-content, .mud-drawer-open-mini-always-left.mud-drawer-open-mini-none, .mud-drawer-open-mini-always .mud-drawer-open-mini-always-right .mud-main-content { margin-right: var(--mud-drawer-width-right); - margin-left: var(--mud-drawer-width-left); + margin-left: var(--mud-drawer-width-left) } .mud-drawer-close-mini-xs-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-xs-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-xs-left.mud-drawer-close-mini-xs-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-sm-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-sm-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-sm-left.mud-drawer-close-mini-sm-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-md-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-md-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-md-left.mud-drawer-close-mini-md-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-lg-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-lg-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-lg-left.mud-drawer-close-mini-lg-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-xl-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-xl-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-xl-left.mud-drawer-close-mini-xl-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-xxl-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-xxl-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-xxl-left.mud-drawer-close-mini-xxl-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-none-left .mud-main-content, .mud-drawer-close-mini-always-left .mud-main-content { - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-drawer-close-mini-none-right .mud-main-content, .mud-drawer-close-mini-always-right .mud-main-content { - margin-right: var(--mud-drawer-width-mini-right); + margin-right: var(--mud-drawer-width-mini-right) } .mud-drawer-close-mini-none-left.mud-drawer-close-mini-none, .mud-drawer-close-mini-none .mud-drawer-close-mini-always-right .mud-main-content, .mud-drawer-close-mini-always-left.mud-drawer-close-mini-none, .mud-drawer-close-mini-always .mud-drawer-close-mini-always-right .mud-main-content { margin-right: var(--mud-drawer-width-mini-right); - margin-left: var(--mud-drawer-width-mini-left); + margin-left: var(--mud-drawer-width-mini-left) } .mud-container { @@ -25458,118 +25817,122 @@ tr.mud-table-row-group-indented-5 td:first-child { margin-left: auto; margin-right: auto; padding-left: 16px; - padding-right: 16px; + padding-right: 16px } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-container { padding-left: 24px; - padding-right: 24px; + padding-right: 24px } } .mud-container-disable-gutters { padding-left: 0; - padding-right: 0; + padding-right: 0 } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-container-fixed { - max-width: 600px; + max-width: 600px } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-container-fixed { - max-width: 960px; + max-width: 960px } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-container-fixed { - max-width: 1280px; + max-width: 1280px } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-container-fixed { - max-width: 1920px; + max-width: 1920px } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-container-fixed { - max-width: 2560px; + max-width: 2560px } } -@media(min-width:0) { +@media(min-width: 0px) { .mud-container-maxwidth-xs { - max-width: 444px; + max-width: 444px } } -@media(min-width:600px) { +@media(min-width: 600px) { .mud-container-maxwidth-sm { - max-width: 600px; + max-width: 600px } } -@media(min-width:960px) { +@media(min-width: 960px) { .mud-container-maxwidth-md { - max-width: 960px; + max-width: 960px } } -@media(min-width:1280px) { +@media(min-width: 1280px) { .mud-container-maxwidth-lg { - max-width: 1280px; + max-width: 1280px } } -@media(min-width:1920px) { +@media(min-width: 1920px) { .mud-container-maxwidth-xl { - max-width: 1920px; + max-width: 1920px } } -@media(min-width:2560px) { +@media(min-width: 2560px) { .mud-container-maxwidth-xxl { - max-width: 2560px; + max-width: 2560px } } .scroll-locked { padding-right: 8px; - overflow: hidden; + overflow: hidden } .scroll-locked .mud-layout .mud-appbar { - padding-right: 8px; + padding-right: 8px } .scroll-locked .mud-layout .mud-main-content .mud-scroll-to-top { - padding-right: 8px; + padding-right: 8px } +.scroll-locked-no-padding { + overflow: hidden +} + @-moz-document url-prefix() { .scroll-locked { - padding-right: 17px; + padding-right: 17px } .scroll-locked .mud-layout .mud-appbar { - padding-right: 17px; + padding-right: 17px } .scroll-locked .mud-layout .mud-main-content .mud-scroll-to-top { - padding-right: 17px; + padding-right: 17px } } .mud-scroll-to-top { position: fixed; cursor: pointer; - z-index: 100; + z-index: 100 } .mud-scroll-to-top.visible { @@ -25577,7 +25940,7 @@ tr.mud-table-row-group-indented-5 td:first-child { right: 16px; opacity: 1; transition: transform .5s; - flex: 1; + flex: 1 } .mud-scroll-to-top.hidden { @@ -25587,2079 +25950,2081 @@ tr.mud-table-row-group-indented-5 td:first-child { transition: all .5s; visibility: hidden; transform: scale(0) rotate(180deg); - flex: 0; + flex: 0 } .mud-scroll-to-top:after { - content: ''; - background: transparent; + content: ""; + background: rgba(0,0,0,0); top: 0; bottom: 0; left: 0; right: 0; position: absolute; - z-index: var(--mud-zindex-tooltip); + z-index: var(--mud-zindex-tooltip) } .red { - background-color: #f44336; + background-color: #f44336 } .red-text { - color: #f44336; + color: #f44336 } .red.lighten-5 { - background-color: #ffebee; + background-color: #ffebee } .red-text.text-lighten-5 { - color: #ffebee; + color: #ffebee } .red.lighten-4 { - background-color: #ffcdd2; + background-color: #ffcdd2 } .red-text.text-lighten-4 { - color: #ffcdd2; + color: #ffcdd2 } .red.lighten-3 { - background-color: #ef9a9a; + background-color: #ef9a9a } .red-text.text-lighten-3 { - color: #ef9a9a; + color: #ef9a9a } .red.lighten-2 { - background-color: #e57373; + background-color: #e57373 } .red-text.text-lighten-2 { - color: #e57373; + color: #e57373 } .red.lighten-1 { - background-color: #ef5350; + background-color: #ef5350 } .red-text.text-lighten-1 { - color: #ef5350; + color: #ef5350 } .red.darken-1 { - background-color: #e53935; + background-color: #e53935 } .red-text.text-darken-1 { - color: #e53935; + color: #e53935 } .red.darken-2 { - background-color: #d32f2f; + background-color: #d32f2f } .red-text.text-darken-2 { - color: #d32f2f; + color: #d32f2f } .red.darken-3 { - background-color: #c62828; + background-color: #c62828 } .red-text.text-darken-3 { - color: #c62828; + color: #c62828 } .red.darken-4 { - background-color: #b71c1c; + background-color: #b71c1c } .red-text.text-darken-4 { - color: #b71c1c; + color: #b71c1c } .red.accent-1 { - background-color: #ff8a80; + background-color: #ff8a80 } .red-text.text-accent-1 { - color: #ff8a80; + color: #ff8a80 } .red.accent-2 { - background-color: #ff5252; + background-color: #ff5252 } .red-text.text-accent-2 { - color: #ff5252; + color: #ff5252 } .red.accent-3 { - background-color: #ff1744; + background-color: #ff1744 } .red-text.text-accent-3 { - color: #ff1744; + color: #ff1744 } .red.accent-4 { - background-color: #d50000; + background-color: #d50000 } .red-text.text-accent-4 { - color: #d50000; + color: #d50000 } .pink { - background-color: #e91e63; + background-color: #e91e63 } .pink-text { - color: #e91e63; + color: #e91e63 } .pink.lighten-5 { - background-color: #fce4ec; + background-color: #fce4ec } .pink-text.text-lighten-5 { - color: #fce4ec; + color: #fce4ec } .pink.lighten-4 { - background-color: #f8bbd0; + background-color: #f8bbd0 } .pink-text.text-lighten-4 { - color: #f8bbd0; + color: #f8bbd0 } .pink.lighten-3 { - background-color: #f48fb1; + background-color: #f48fb1 } .pink-text.text-lighten-3 { - color: #f48fb1; + color: #f48fb1 } .pink.lighten-2 { - background-color: #f06292; + background-color: #f06292 } .pink-text.text-lighten-2 { - color: #f06292; + color: #f06292 } .pink.lighten-1 { - background-color: #ec407a; + background-color: #ec407a } .pink-text.text-lighten-1 { - color: #ec407a; + color: #ec407a } .pink.darken-1 { - background-color: #d81b60; + background-color: #d81b60 } .pink-text.text-darken-1 { - color: #d81b60; + color: #d81b60 } .pink.darken-2 { - background-color: #c2185b; + background-color: #c2185b } .pink-text.text-darken-2 { - color: #c2185b; + color: #c2185b } .pink.darken-3 { - background-color: #ad1457; + background-color: #ad1457 } .pink-text.text-darken-3 { - color: #ad1457; + color: #ad1457 } .pink.darken-4 { - background-color: #880e4f; + background-color: #880e4f } .pink-text.text-darken-4 { - color: #880e4f; + color: #880e4f } .pink.accent-1 { - background-color: #ff80ab; + background-color: #ff80ab } .pink-text.text-accent-1 { - color: #ff80ab; + color: #ff80ab } .pink.accent-2 { - background-color: #ff4081; + background-color: #ff4081 } .pink-text.text-accent-2 { - color: #ff4081; + color: #ff4081 } .pink.accent-3 { - background-color: #f50057; + background-color: #f50057 } .pink-text.text-accent-3 { - color: #f50057; + color: #f50057 } .pink.accent-4 { - background-color: #c51162; + background-color: #c51162 } .pink-text.text-accent-4 { - color: #c51162; + color: #c51162 } .purple { - background-color: #9c27b0; + background-color: #9c27b0 } .purple-text { - color: #9c27b0; + color: #9c27b0 } .purple.lighten-5 { - background-color: #f3e5f5; + background-color: #f3e5f5 } .purple-text.text-lighten-5 { - color: #f3e5f5; + color: #f3e5f5 } .purple.lighten-4 { - background-color: #e1bee7; + background-color: #e1bee7 } .purple-text.text-lighten-4 { - color: #e1bee7; + color: #e1bee7 } .purple.lighten-3 { - background-color: #ce93d8; + background-color: #ce93d8 } .purple-text.text-lighten-3 { - color: #ce93d8; + color: #ce93d8 } .purple.lighten-2 { - background-color: #ba68c8; + background-color: #ba68c8 } .purple-text.text-lighten-2 { - color: #ba68c8; + color: #ba68c8 } .purple.lighten-1 { - background-color: #ab47bc; + background-color: #ab47bc } .purple-text.text-lighten-1 { - color: #ab47bc; + color: #ab47bc } .purple.darken-1 { - background-color: #8e24aa; + background-color: #8e24aa } .purple-text.text-darken-1 { - color: #8e24aa; + color: #8e24aa } .purple.darken-2 { - background-color: #7b1fa2; + background-color: #7b1fa2 } .purple-text.text-darken-2 { - color: #7b1fa2; + color: #7b1fa2 } .purple.darken-3 { - background-color: #6a1b9a; + background-color: #6a1b9a } .purple-text.text-darken-3 { - color: #6a1b9a; + color: #6a1b9a } .purple.darken-4 { - background-color: #4a148c; + background-color: #4a148c } .purple-text.text-darken-4 { - color: #4a148c; + color: #4a148c } .purple.accent-1 { - background-color: #ea80fc; + background-color: #ea80fc } .purple-text.text-accent-1 { - color: #ea80fc; + color: #ea80fc } .purple.accent-2 { - background-color: #e040fb; + background-color: #e040fb } .purple-text.text-accent-2 { - color: #e040fb; + color: #e040fb } .purple.accent-3 { - background-color: #d500f9; + background-color: #d500f9 } .purple-text.text-accent-3 { - color: #d500f9; + color: #d500f9 } .purple.accent-4 { - background-color: #a0f; + background-color: #a0f } .purple-text.text-accent-4 { - color: #a0f; + color: #a0f } .deep-purple { - background-color: #673ab7; + background-color: #673ab7 } .deep-purple-text { - color: #673ab7; + color: #673ab7 } .deep-purple.lighten-5 { - background-color: #ede7f6; + background-color: #ede7f6 } .deep-purple-text.text-lighten-5 { - color: #ede7f6; + color: #ede7f6 } .deep-purple.lighten-4 { - background-color: #d1c4e9; + background-color: #d1c4e9 } .deep-purple-text.text-lighten-4 { - color: #d1c4e9; + color: #d1c4e9 } .deep-purple.lighten-3 { - background-color: #b39ddb; + background-color: #b39ddb } .deep-purple-text.text-lighten-3 { - color: #b39ddb; + color: #b39ddb } .deep-purple.lighten-2 { - background-color: #9575cd; + background-color: #9575cd } .deep-purple-text.text-lighten-2 { - color: #9575cd; + color: #9575cd } .deep-purple.lighten-1 { - background-color: #7e57c2; + background-color: #7e57c2 } .deep-purple-text.text-lighten-1 { - color: #7e57c2; + color: #7e57c2 } .deep-purple.darken-1 { - background-color: #5e35b1; + background-color: #5e35b1 } .deep-purple-text.text-darken-1 { - color: #5e35b1; + color: #5e35b1 } .deep-purple.darken-2 { - background-color: #512da8; + background-color: #512da8 } .deep-purple-text.text-darken-2 { - color: #512da8; + color: #512da8 } .deep-purple.darken-3 { - background-color: #4527a0; + background-color: #4527a0 } .deep-purple-text.text-darken-3 { - color: #4527a0; + color: #4527a0 } .deep-purple.darken-4 { - background-color: #311b92; + background-color: #311b92 } .deep-purple-text.text-darken-4 { - color: #311b92; + color: #311b92 } .deep-purple.accent-1 { - background-color: #b388ff; + background-color: #b388ff } .deep-purple-text.text-accent-1 { - color: #b388ff; + color: #b388ff } .deep-purple.accent-2 { - background-color: #7c4dff; + background-color: #7c4dff } .deep-purple-text.text-accent-2 { - color: #7c4dff; + color: #7c4dff } .deep-purple.accent-3 { - background-color: #651fff; + background-color: #651fff } .deep-purple-text.text-accent-3 { - color: #651fff; + color: #651fff } .deep-purple.accent-4 { - background-color: #6200ea; + background-color: #6200ea } .deep-purple-text.text-accent-4 { - color: #6200ea; + color: #6200ea } .indigo { - background-color: #3f51b5; + background-color: #3f51b5 } .indigo-text { - color: #3f51b5; + color: #3f51b5 } .indigo.lighten-5 { - background-color: #e8eaf6; + background-color: #e8eaf6 } .indigo-text.text-lighten-5 { - color: #e8eaf6; + color: #e8eaf6 } .indigo.lighten-4 { - background-color: #c5cae9; + background-color: #c5cae9 } .indigo-text.text-lighten-4 { - color: #c5cae9; + color: #c5cae9 } .indigo.lighten-3 { - background-color: #9fa8da; + background-color: #9fa8da } .indigo-text.text-lighten-3 { - color: #9fa8da; + color: #9fa8da } .indigo.lighten-2 { - background-color: #7986cb; + background-color: #7986cb } .indigo-text.text-lighten-2 { - color: #7986cb; + color: #7986cb } .indigo.lighten-1 { - background-color: #5c6bc0; + background-color: #5c6bc0 } .indigo-text.text-lighten-1 { - color: #5c6bc0; + color: #5c6bc0 } .indigo.darken-1 { - background-color: #3949ab; + background-color: #3949ab } .indigo-text.text-darken-1 { - color: #3949ab; + color: #3949ab } .indigo.darken-2 { - background-color: #303f9f; + background-color: #303f9f } .indigo-text.text-darken-2 { - color: #303f9f; + color: #303f9f } .indigo.darken-3 { - background-color: #283593; + background-color: #283593 } .indigo-text.text-darken-3 { - color: #283593; + color: #283593 } .indigo.darken-4 { - background-color: #1a237e; + background-color: #1a237e } .indigo-text.text-darken-4 { - color: #1a237e; + color: #1a237e } .indigo.accent-1 { - background-color: #8c9eff; + background-color: #8c9eff } .indigo-text.text-accent-1 { - color: #8c9eff; + color: #8c9eff } .indigo.accent-2 { - background-color: #536dfe; + background-color: #536dfe } .indigo-text.text-accent-2 { - color: #536dfe; + color: #536dfe } .indigo.accent-3 { - background-color: #3d5afe; + background-color: #3d5afe } .indigo-text.text-accent-3 { - color: #3d5afe; + color: #3d5afe } .indigo.accent-4 { - background-color: #304ffe; + background-color: #304ffe } .indigo-text.text-accent-4 { - color: #304ffe; + color: #304ffe } .blue { - background-color: #2196f3; + background-color: #2196f3 } .blue-text { - color: #2196f3; + color: #2196f3 } .blue.lighten-5 { - background-color: #e3f2fd; + background-color: #e3f2fd } .blue-text.text-lighten-5 { - color: #e3f2fd; + color: #e3f2fd } .blue.lighten-4 { - background-color: #bbdefb; + background-color: #bbdefb } .blue-text.text-lighten-4 { - color: #bbdefb; + color: #bbdefb } .blue.lighten-3 { - background-color: #90caf9; + background-color: #90caf9 } .blue-text.text-lighten-3 { - color: #90caf9; + color: #90caf9 } .blue.lighten-2 { - background-color: #64b5f6; + background-color: #64b5f6 } .blue-text.text-lighten-2 { - color: #64b5f6; + color: #64b5f6 } .blue.lighten-1 { - background-color: #42a5f5; + background-color: #42a5f5 } .blue-text.text-lighten-1 { - color: #42a5f5; + color: #42a5f5 } .blue.darken-1 { - background-color: #1e88e5; + background-color: #1e88e5 } .blue-text.text-darken-1 { - color: #1e88e5; + color: #1e88e5 } .blue.darken-2 { - background-color: #1976d2; + background-color: #1976d2 } .blue-text.text-darken-2 { - color: #1976d2; + color: #1976d2 } .blue.darken-3 { - background-color: #1565c0; + background-color: #1565c0 } .blue-text.text-darken-3 { - color: #1565c0; + color: #1565c0 } .blue.darken-4 { - background-color: #0d47a1; + background-color: #0d47a1 } .blue-text.text-darken-4 { - color: #0d47a1; + color: #0d47a1 } .blue.accent-1 { - background-color: #82b1ff; + background-color: #82b1ff } .blue-text.text-accent-1 { - color: #82b1ff; + color: #82b1ff } .blue.accent-2 { - background-color: #448aff; + background-color: #448aff } .blue-text.text-accent-2 { - color: #448aff; + color: #448aff } .blue.accent-3 { - background-color: #2979ff; + background-color: #2979ff } .blue-text.text-accent-3 { - color: #2979ff; + color: #2979ff } .blue.accent-4 { - background-color: #2962ff; + background-color: #2962ff } .blue-text.text-accent-4 { - color: #2962ff; + color: #2962ff } .light-blue { - background-color: #03a9f4; + background-color: #03a9f4 } .light-blue-text { - color: #03a9f4; + color: #03a9f4 } .light-blue.lighten-5 { - background-color: #e1f5fe; + background-color: #e1f5fe } .light-blue-text.text-lighten-5 { - color: #e1f5fe; + color: #e1f5fe } .light-blue.lighten-4 { - background-color: #b3e5fc; + background-color: #b3e5fc } .light-blue-text.text-lighten-4 { - color: #b3e5fc; + color: #b3e5fc } .light-blue.lighten-3 { - background-color: #81d4fa; + background-color: #81d4fa } .light-blue-text.text-lighten-3 { - color: #81d4fa; + color: #81d4fa } .light-blue.lighten-2 { - background-color: #4fc3f7; + background-color: #4fc3f7 } .light-blue-text.text-lighten-2 { - color: #4fc3f7; + color: #4fc3f7 } .light-blue.lighten-1 { - background-color: #29b6f6; + background-color: #29b6f6 } .light-blue-text.text-lighten-1 { - color: #29b6f6; + color: #29b6f6 } .light-blue.darken-1 { - background-color: #039be5; + background-color: #039be5 } .light-blue-text.text-darken-1 { - color: #039be5; + color: #039be5 } .light-blue.darken-2 { - background-color: #0288d1; + background-color: #0288d1 } .light-blue-text.text-darken-2 { - color: #0288d1; + color: #0288d1 } .light-blue.darken-3 { - background-color: #0277bd; + background-color: #0277bd } .light-blue-text.text-darken-3 { - color: #0277bd; + color: #0277bd } .light-blue.darken-4 { - background-color: #01579b; + background-color: #01579b } .light-blue-text.text-darken-4 { - color: #01579b; + color: #01579b } .light-blue.accent-1 { - background-color: #80d8ff; + background-color: #80d8ff } .light-blue-text.text-accent-1 { - color: #80d8ff; + color: #80d8ff } .light-blue.accent-2 { - background-color: #40c4ff; + background-color: #40c4ff } .light-blue-text.text-accent-2 { - color: #40c4ff; + color: #40c4ff } .light-blue.accent-3 { - background-color: #00b0ff; + background-color: #00b0ff } .light-blue-text.text-accent-3 { - color: #00b0ff; + color: #00b0ff } .light-blue.accent-4 { - background-color: #0091ea; + background-color: #0091ea } .light-blue-text.text-accent-4 { - color: #0091ea; + color: #0091ea } .cyan { - background-color: #00bcd4; + background-color: #00bcd4 } .cyan-text { - color: #00bcd4; + color: #00bcd4 } .cyan.lighten-5 { - background-color: #e0f7fa; + background-color: #e0f7fa } .cyan-text.text-lighten-5 { - color: #e0f7fa; + color: #e0f7fa } .cyan.lighten-4 { - background-color: #b2ebf2; + background-color: #b2ebf2 } .cyan-text.text-lighten-4 { - color: #b2ebf2; + color: #b2ebf2 } .cyan.lighten-3 { - background-color: #80deea; + background-color: #80deea } .cyan-text.text-lighten-3 { - color: #80deea; + color: #80deea } .cyan.lighten-2 { - background-color: #4dd0e1; + background-color: #4dd0e1 } .cyan-text.text-lighten-2 { - color: #4dd0e1; + color: #4dd0e1 } .cyan.lighten-1 { - background-color: #26c6da; + background-color: #26c6da } .cyan-text.text-lighten-1 { - color: #26c6da; + color: #26c6da } .cyan.darken-1 { - background-color: #00acc1; + background-color: #00acc1 } .cyan-text.text-darken-1 { - color: #00acc1; + color: #00acc1 } .cyan.darken-2 { - background-color: #0097a7; + background-color: #0097a7 } .cyan-text.text-darken-2 { - color: #0097a7; + color: #0097a7 } .cyan.darken-3 { - background-color: #00838f; + background-color: #00838f } .cyan-text.text-darken-3 { - color: #00838f; + color: #00838f } .cyan.darken-4 { - background-color: #006064; + background-color: #006064 } .cyan-text.text-darken-4 { - color: #006064; + color: #006064 } .cyan.accent-1 { - background-color: #84ffff; + background-color: #84ffff } .cyan-text.text-accent-1 { - color: #84ffff; + color: #84ffff } .cyan.accent-2 { - background-color: #18ffff; + background-color: #18ffff } .cyan-text.text-accent-2 { - color: #18ffff; + color: #18ffff } .cyan.accent-3 { - background-color: #00e5ff; + background-color: #00e5ff } .cyan-text.text-accent-3 { - color: #00e5ff; + color: #00e5ff } .cyan.accent-4 { - background-color: #00b8d4; + background-color: #00b8d4 } .cyan-text.text-accent-4 { - color: #00b8d4; + color: #00b8d4 } .teal { - background-color: #009688; + background-color: #009688 } .teal-text { - color: #009688; + color: #009688 } .teal.lighten-5 { - background-color: #e0f2f1; + background-color: #e0f2f1 } .teal-text.text-lighten-5 { - color: #e0f2f1; + color: #e0f2f1 } .teal.lighten-4 { - background-color: #b2dfdb; + background-color: #b2dfdb } .teal-text.text-lighten-4 { - color: #b2dfdb; + color: #b2dfdb } .teal.lighten-3 { - background-color: #80cbc4; + background-color: #80cbc4 } .teal-text.text-lighten-3 { - color: #80cbc4; + color: #80cbc4 } .teal.lighten-2 { - background-color: #4db6ac; + background-color: #4db6ac } .teal-text.text-lighten-2 { - color: #4db6ac; + color: #4db6ac } .teal.lighten-1 { - background-color: #26a69a; + background-color: #26a69a } .teal-text.text-lighten-1 { - color: #26a69a; + color: #26a69a } .teal.darken-1 { - background-color: #00897b; + background-color: #00897b } .teal-text.text-darken-1 { - color: #00897b; + color: #00897b } .teal.darken-2 { - background-color: #00796b; + background-color: #00796b } .teal-text.text-darken-2 { - color: #00796b; + color: #00796b } .teal.darken-3 { - background-color: #00695c; + background-color: #00695c } .teal-text.text-darken-3 { - color: #00695c; + color: #00695c } .teal.darken-4 { - background-color: #004d40; + background-color: #004d40 } .teal-text.text-darken-4 { - color: #004d40; + color: #004d40 } .teal.accent-1 { - background-color: #a7ffeb; + background-color: #a7ffeb } .teal-text.text-accent-1 { - color: #a7ffeb; + color: #a7ffeb } .teal.accent-2 { - background-color: #64ffda; + background-color: #64ffda } .teal-text.text-accent-2 { - color: #64ffda; + color: #64ffda } .teal.accent-3 { - background-color: #1de9b6; + background-color: #1de9b6 } .teal-text.text-accent-3 { - color: #1de9b6; + color: #1de9b6 } .teal.accent-4 { - background-color: #00bfa5; + background-color: #00bfa5 } .teal-text.text-accent-4 { - color: #00bfa5; + color: #00bfa5 } .green { - background-color: #4caf50; + background-color: #4caf50 } .green-text { - color: #4caf50; + color: #4caf50 } .green.lighten-5 { - background-color: #e8f5e9; + background-color: #e8f5e9 } .green-text.text-lighten-5 { - color: #e8f5e9; + color: #e8f5e9 } .green.lighten-4 { - background-color: #c8e6c9; + background-color: #c8e6c9 } .green-text.text-lighten-4 { - color: #c8e6c9; + color: #c8e6c9 } .green.lighten-3 { - background-color: #a5d6a7; + background-color: #a5d6a7 } .green-text.text-lighten-3 { - color: #a5d6a7; + color: #a5d6a7 } .green.lighten-2 { - background-color: #81c784; + background-color: #81c784 } .green-text.text-lighten-2 { - color: #81c784; + color: #81c784 } .green.lighten-1 { - background-color: #66bb6a; + background-color: #66bb6a } .green-text.text-lighten-1 { - color: #66bb6a; + color: #66bb6a } .green.darken-1 { - background-color: #43a047; + background-color: #43a047 } .green-text.text-darken-1 { - color: #43a047; + color: #43a047 } .green.darken-2 { - background-color: #388e3c; + background-color: #388e3c } .green-text.text-darken-2 { - color: #388e3c; + color: #388e3c } .green.darken-3 { - background-color: #2e7d32; + background-color: #2e7d32 } .green-text.text-darken-3 { - color: #2e7d32; + color: #2e7d32 } .green.darken-4 { - background-color: #1b5e20; + background-color: #1b5e20 } .green-text.text-darken-4 { - color: #1b5e20; + color: #1b5e20 } .green.accent-1 { - background-color: #b9f6ca; + background-color: #b9f6ca } .green-text.text-accent-1 { - color: #b9f6ca; + color: #b9f6ca } .green.accent-2 { - background-color: #69f0ae; + background-color: #69f0ae } .green-text.text-accent-2 { - color: #69f0ae; + color: #69f0ae } .green.accent-3 { - background-color: #00e676; + background-color: #00e676 } .green-text.text-accent-3 { - color: #00e676; + color: #00e676 } .green.accent-4 { - background-color: #00c853; + background-color: #00c853 } .green-text.text-accent-4 { - color: #00c853; + color: #00c853 } .light-green { - background-color: #8bc34a; + background-color: #8bc34a } .light-green-text { - color: #8bc34a; + color: #8bc34a } .light-green.lighten-5 { - background-color: #f1f8e9; + background-color: #f1f8e9 } .light-green-text.text-lighten-5 { - color: #f1f8e9; + color: #f1f8e9 } .light-green.lighten-4 { - background-color: #dcedc8; + background-color: #dcedc8 } .light-green-text.text-lighten-4 { - color: #dcedc8; + color: #dcedc8 } .light-green.lighten-3 { - background-color: #c5e1a5; + background-color: #c5e1a5 } .light-green-text.text-lighten-3 { - color: #c5e1a5; + color: #c5e1a5 } .light-green.lighten-2 { - background-color: #aed581; + background-color: #aed581 } .light-green-text.text-lighten-2 { - color: #aed581; + color: #aed581 } .light-green.lighten-1 { - background-color: #9ccc65; + background-color: #9ccc65 } .light-green-text.text-lighten-1 { - color: #9ccc65; + color: #9ccc65 } .light-green.darken-1 { - background-color: #7cb342; + background-color: #7cb342 } .light-green-text.text-darken-1 { - color: #7cb342; + color: #7cb342 } .light-green.darken-2 { - background-color: #689f38; + background-color: #689f38 } .light-green-text.text-darken-2 { - color: #689f38; + color: #689f38 } .light-green.darken-3 { - background-color: #558b2f; + background-color: #558b2f } .light-green-text.text-darken-3 { - color: #558b2f; + color: #558b2f } .light-green.darken-4 { - background-color: #33691e; + background-color: #33691e } .light-green-text.text-darken-4 { - color: #33691e; + color: #33691e } .light-green.accent-1 { - background-color: #ccff90; + background-color: #ccff90 } .light-green-text.text-accent-1 { - color: #ccff90; + color: #ccff90 } .light-green.accent-2 { - background-color: #b2ff59; + background-color: #b2ff59 } .light-green-text.text-accent-2 { - color: #b2ff59; + color: #b2ff59 } .light-green.accent-3 { - background-color: #76ff03; + background-color: #76ff03 } .light-green-text.text-accent-3 { - color: #76ff03; + color: #76ff03 } .light-green.accent-4 { - background-color: #64dd17; + background-color: #64dd17 } .light-green-text.text-accent-4 { - color: #64dd17; + color: #64dd17 } .lime { - background-color: #cddc39; + background-color: #cddc39 } .lime-text { - color: #cddc39; + color: #cddc39 } .lime.lighten-5 { - background-color: #f9fbe7; + background-color: #f9fbe7 } .lime-text.text-lighten-5 { - color: #f9fbe7; + color: #f9fbe7 } .lime.lighten-4 { - background-color: #f0f4c3; + background-color: #f0f4c3 } .lime-text.text-lighten-4 { - color: #f0f4c3; + color: #f0f4c3 } .lime.lighten-3 { - background-color: #e6ee9c; + background-color: #e6ee9c } .lime-text.text-lighten-3 { - color: #e6ee9c; + color: #e6ee9c } .lime.lighten-2 { - background-color: #dce775; + background-color: #dce775 } .lime-text.text-lighten-2 { - color: #dce775; + color: #dce775 } .lime.lighten-1 { - background-color: #d4e157; + background-color: #d4e157 } .lime-text.text-lighten-1 { - color: #d4e157; + color: #d4e157 } .lime.darken-1 { - background-color: #c0ca33; + background-color: #c0ca33 } .lime-text.text-darken-1 { - color: #c0ca33; + color: #c0ca33 } .lime.darken-2 { - background-color: #afb42b; + background-color: #afb42b } .lime-text.text-darken-2 { - color: #afb42b; + color: #afb42b } .lime.darken-3 { - background-color: #9e9d24; + background-color: #9e9d24 } .lime-text.text-darken-3 { - color: #9e9d24; + color: #9e9d24 } .lime.darken-4 { - background-color: #827717; + background-color: #827717 } .lime-text.text-darken-4 { - color: #827717; + color: #827717 } .lime.accent-1 { - background-color: #f4ff81; + background-color: #f4ff81 } .lime-text.text-accent-1 { - color: #f4ff81; + color: #f4ff81 } .lime.accent-2 { - background-color: #eeff41; + background-color: #eeff41 } .lime-text.text-accent-2 { - color: #eeff41; + color: #eeff41 } .lime.accent-3 { - background-color: #c6ff00; + background-color: #c6ff00 } .lime-text.text-accent-3 { - color: #c6ff00; + color: #c6ff00 } .lime.accent-4 { - background-color: #aeea00; + background-color: #aeea00 } .lime-text.text-accent-4 { - color: #aeea00; + color: #aeea00 } .yellow { - background-color: #ffeb3b; + background-color: #ffeb3b } .yellow-text { - color: #ffeb3b; + color: #ffeb3b } .yellow.lighten-5 { - background-color: #fffde7; + background-color: #fffde7 } .yellow-text.text-lighten-5 { - color: #fffde7; + color: #fffde7 } .yellow.lighten-4 { - background-color: #fff9c4; + background-color: #fff9c4 } .yellow-text.text-lighten-4 { - color: #fff9c4; + color: #fff9c4 } .yellow.lighten-3 { - background-color: #fff59d; + background-color: #fff59d } .yellow-text.text-lighten-3 { - color: #fff59d; + color: #fff59d } .yellow.lighten-2 { - background-color: #fff176; + background-color: #fff176 } .yellow-text.text-lighten-2 { - color: #fff176; + color: #fff176 } .yellow.lighten-1 { - background-color: #ffee58; + background-color: #ffee58 } .yellow-text.text-lighten-1 { - color: #ffee58; + color: #ffee58 } .yellow.darken-1 { - background-color: #fdd835; + background-color: #fdd835 } .yellow-text.text-darken-1 { - color: #fdd835; + color: #fdd835 } .yellow.darken-2 { - background-color: #fbc02d; + background-color: #fbc02d } .yellow-text.text-darken-2 { - color: #fbc02d; + color: #fbc02d } .yellow.darken-3 { - background-color: #f9a825; + background-color: #f9a825 } .yellow-text.text-darken-3 { - color: #f9a825; + color: #f9a825 } .yellow.darken-4 { - background-color: #f57f17; + background-color: #f57f17 } .yellow-text.text-darken-4 { - color: #f57f17; + color: #f57f17 } .yellow.accent-1 { - background-color: #ffff8d; + background-color: #ffff8d } .yellow-text.text-accent-1 { - color: #ffff8d; + color: #ffff8d } .yellow.accent-2 { - background-color: #ff0; + background-color: #ff0 } .yellow-text.text-accent-2 { - color: #ff0; + color: #ff0 } .yellow.accent-3 { - background-color: #ffea00; + background-color: #ffea00 } .yellow-text.text-accent-3 { - color: #ffea00; + color: #ffea00 } .yellow.accent-4 { - background-color: #ffd600; + background-color: #ffd600 } .yellow-text.text-accent-4 { - color: #ffd600; + color: #ffd600 } .amber { - background-color: #ffc107; + background-color: #ffc107 } .amber-text { - color: #ffc107; + color: #ffc107 } .amber.lighten-5 { - background-color: #fff8e1; + background-color: #fff8e1 } .amber-text.text-lighten-5 { - color: #fff8e1; + color: #fff8e1 } .amber.lighten-4 { - background-color: #ffecb3; + background-color: #ffecb3 } .amber-text.text-lighten-4 { - color: #ffecb3; + color: #ffecb3 } .amber.lighten-3 { - background-color: #ffe082; + background-color: #ffe082 } .amber-text.text-lighten-3 { - color: #ffe082; + color: #ffe082 } .amber.lighten-2 { - background-color: #ffd54f; + background-color: #ffd54f } .amber-text.text-lighten-2 { - color: #ffd54f; + color: #ffd54f } .amber.lighten-1 { - background-color: #ffca28; + background-color: #ffca28 } .amber-text.text-lighten-1 { - color: #ffca28; + color: #ffca28 } .amber.darken-1 { - background-color: #ffb300; + background-color: #ffb300 } .amber-text.text-darken-1 { - color: #ffb300; + color: #ffb300 } .amber.darken-2 { - background-color: #ffa000; + background-color: #ffa000 } .amber-text.text-darken-2 { - color: #ffa000; + color: #ffa000 } .amber.darken-3 { - background-color: #ff8f00; + background-color: #ff8f00 } .amber-text.text-darken-3 { - color: #ff8f00; + color: #ff8f00 } .amber.darken-4 { - background-color: #ff6f00; + background-color: #ff6f00 } .amber-text.text-darken-4 { - color: #ff6f00; + color: #ff6f00 } .amber.accent-1 { - background-color: #ffe57f; + background-color: #ffe57f } .amber-text.text-accent-1 { - color: #ffe57f; + color: #ffe57f } .amber.accent-2 { - background-color: #ffd740; + background-color: #ffd740 } .amber-text.text-accent-2 { - color: #ffd740; + color: #ffd740 } .amber.accent-3 { - background-color: #ffc400; + background-color: #ffc400 } .amber-text.text-accent-3 { - color: #ffc400; + color: #ffc400 } .amber.accent-4 { - background-color: #ffab00; + background-color: #ffab00 } .amber-text.text-accent-4 { - color: #ffab00; + color: #ffab00 } .orange { - background-color: #ff9800; + background-color: #ff9800 } .orange-text { - color: #ff9800; + color: #ff9800 } .orange.lighten-5 { - background-color: #fff3e0; + background-color: #fff3e0 } .orange-text.text-lighten-5 { - color: #fff3e0; + color: #fff3e0 } .orange.lighten-4 { - background-color: #ffe0b2; + background-color: #ffe0b2 } .orange-text.text-lighten-4 { - color: #ffe0b2; + color: #ffe0b2 } .orange.lighten-3 { - background-color: #ffcc80; + background-color: #ffcc80 } .orange-text.text-lighten-3 { - color: #ffcc80; + color: #ffcc80 } .orange.lighten-2 { - background-color: #ffb74d; + background-color: #ffb74d } .orange-text.text-lighten-2 { - color: #ffb74d; + color: #ffb74d } .orange.lighten-1 { - background-color: #ffa726; + background-color: #ffa726 } .orange-text.text-lighten-1 { - color: #ffa726; + color: #ffa726 } .orange.darken-1 { - background-color: #fb8c00; + background-color: #fb8c00 } .orange-text.text-darken-1 { - color: #fb8c00; + color: #fb8c00 } .orange.darken-2 { - background-color: #f57c00; + background-color: #f57c00 } .orange-text.text-darken-2 { - color: #f57c00; + color: #f57c00 } .orange.darken-3 { - background-color: #ef6c00; + background-color: #ef6c00 } .orange-text.text-darken-3 { - color: #ef6c00; + color: #ef6c00 } .orange.darken-4 { - background-color: #e65100; + background-color: #e65100 } .orange-text.text-darken-4 { - color: #e65100; + color: #e65100 } .orange.accent-1 { - background-color: #ffd180; + background-color: #ffd180 } .orange-text.text-accent-1 { - color: #ffd180; + color: #ffd180 } .orange.accent-2 { - background-color: #ffab40; + background-color: #ffab40 } .orange-text.text-accent-2 { - color: #ffab40; + color: #ffab40 } .orange.accent-3 { - background-color: #ff9100; + background-color: #ff9100 } .orange-text.text-accent-3 { - color: #ff9100; + color: #ff9100 } .orange.accent-4 { - background-color: #ff6d00; + background-color: #ff6d00 } .orange-text.text-accent-4 { - color: #ff6d00; + color: #ff6d00 } .deep-orange { - background-color: #ff5722; + background-color: #ff5722 } .deep-orange-text { - color: #ff5722; + color: #ff5722 } .deep-orange.lighten-5 { - background-color: #fbe9e7; + background-color: #fbe9e7 } .deep-orange-text.text-lighten-5 { - color: #fbe9e7; + color: #fbe9e7 } .deep-orange.lighten-4 { - background-color: #ffccbc; + background-color: #ffccbc } .deep-orange-text.text-lighten-4 { - color: #ffccbc; + color: #ffccbc } .deep-orange.lighten-3 { - background-color: #ffab91; + background-color: #ffab91 } .deep-orange-text.text-lighten-3 { - color: #ffab91; + color: #ffab91 } .deep-orange.lighten-2 { - background-color: #ff8a65; + background-color: #ff8a65 } .deep-orange-text.text-lighten-2 { - color: #ff8a65; + color: #ff8a65 } .deep-orange.lighten-1 { - background-color: #ff7043; + background-color: #ff7043 } .deep-orange-text.text-lighten-1 { - color: #ff7043; + color: #ff7043 } .deep-orange.darken-1 { - background-color: #f4511e; + background-color: #f4511e } .deep-orange-text.text-darken-1 { - color: #f4511e; + color: #f4511e } .deep-orange.darken-2 { - background-color: #e64a19; + background-color: #e64a19 } .deep-orange-text.text-darken-2 { - color: #e64a19; + color: #e64a19 } .deep-orange.darken-3 { - background-color: #d84315; + background-color: #d84315 } .deep-orange-text.text-darken-3 { - color: #d84315; + color: #d84315 } .deep-orange.darken-4 { - background-color: #bf360c; + background-color: #bf360c } .deep-orange-text.text-darken-4 { - color: #bf360c; + color: #bf360c } .deep-orange.accent-1 { - background-color: #ff9e80; + background-color: #ff9e80 } .deep-orange-text.text-accent-1 { - color: #ff9e80; + color: #ff9e80 } .deep-orange.accent-2 { - background-color: #ff6e40; + background-color: #ff6e40 } .deep-orange-text.text-accent-2 { - color: #ff6e40; + color: #ff6e40 } .deep-orange.accent-3 { - background-color: #ff3d00; + background-color: #ff3d00 } .deep-orange-text.text-accent-3 { - color: #ff3d00; + color: #ff3d00 } .deep-orange.accent-4 { - background-color: #dd2c00; + background-color: #dd2c00 } .deep-orange-text.text-accent-4 { - color: #dd2c00; + color: #dd2c00 } .brown { - background-color: #795548; + background-color: #795548 } .brown-text { - color: #795548; + color: #795548 } .brown.lighten-5 { - background-color: #efebe9; + background-color: #efebe9 } .brown-text.text-lighten-5 { - color: #efebe9; + color: #efebe9 } .brown.lighten-4 { - background-color: #d7ccc8; + background-color: #d7ccc8 } .brown-text.text-lighten-4 { - color: #d7ccc8; + color: #d7ccc8 } .brown.lighten-3 { - background-color: #bcaaa4; + background-color: #bcaaa4 } .brown-text.text-lighten-3 { - color: #bcaaa4; + color: #bcaaa4 } .brown.lighten-2 { - background-color: #a1887f; + background-color: #a1887f } .brown-text.text-lighten-2 { - color: #a1887f; + color: #a1887f } .brown.lighten-1 { - background-color: #8d6e63; + background-color: #8d6e63 } .brown-text.text-lighten-1 { - color: #8d6e63; + color: #8d6e63 } .brown.darken-1 { - background-color: #6d4c41; + background-color: #6d4c41 } .brown-text.text-darken-1 { - color: #6d4c41; + color: #6d4c41 } .brown.darken-2 { - background-color: #5d4037; + background-color: #5d4037 } .brown-text.text-darken-2 { - color: #5d4037; + color: #5d4037 } .brown.darken-3 { - background-color: #4e342e; + background-color: #4e342e } .brown-text.text-darken-3 { - color: #4e342e; + color: #4e342e } .brown.darken-4 { - background-color: #3e2723; + background-color: #3e2723 } .brown-text.text-darken-4 { - color: #3e2723; + color: #3e2723 } .blue-grey { - background-color: #607d8b; + background-color: #607d8b } .blue-grey-text { - color: #607d8b; + color: #607d8b } .blue-grey.lighten-5 { - background-color: #eceff1; + background-color: #eceff1 } .blue-grey-text.text-lighten-5 { - color: #eceff1; + color: #eceff1 } .blue-grey.lighten-4 { - background-color: #cfd8dc; + background-color: #cfd8dc } .blue-grey-text.text-lighten-4 { - color: #cfd8dc; + color: #cfd8dc } .blue-grey.lighten-3 { - background-color: #b0bec5; + background-color: #b0bec5 } .blue-grey-text.text-lighten-3 { - color: #b0bec5; + color: #b0bec5 } .blue-grey.lighten-2 { - background-color: #90a4ae; + background-color: #90a4ae } .blue-grey-text.text-lighten-2 { - color: #90a4ae; + color: #90a4ae } .blue-grey.lighten-1 { - background-color: #78909c; + background-color: #78909c } .blue-grey-text.text-lighten-1 { - color: #78909c; + color: #78909c } .blue-grey.darken-1 { - background-color: #546e7a; + background-color: #546e7a } .blue-grey-text.text-darken-1 { - color: #546e7a; + color: #546e7a } .blue-grey.darken-2 { - background-color: #455a64; + background-color: #455a64 } .blue-grey-text.text-darken-2 { - color: #455a64; + color: #455a64 } .blue-grey.darken-3 { - background-color: #37474f; + background-color: #37474f } .blue-grey-text.text-darken-3 { - color: #37474f; + color: #37474f } .blue-grey.darken-4 { - background-color: #263238; + background-color: #263238 } .blue-grey-text.text-darken-4 { - color: #263238; + color: #263238 } .grey { - background-color: #9e9e9e; + background-color: #9e9e9e } .grey-text { - color: #9e9e9e; + color: #9e9e9e } .grey.lighten-5 { - background-color: #fafafa; + background-color: #fafafa } .grey-text.text-lighten-5 { - color: #fafafa; + color: #fafafa } .grey.lighten-4 { - background-color: #f5f5f5; + background-color: #f5f5f5 } .grey-text.text-lighten-4 { - color: #f5f5f5; + color: #f5f5f5 } .grey.lighten-3 { - background-color: #eee; + background-color: #eee } .grey-text.text-lighten-3 { - color: #eee; + color: #eee } .grey.lighten-2 { - background-color: #e0e0e0; + background-color: #e0e0e0 } .grey-text.text-lighten-2 { - color: #e0e0e0; + color: #e0e0e0 } .grey.lighten-1 { - background-color: #bdbdbd; + background-color: #bdbdbd } .grey-text.text-lighten-1 { - color: #bdbdbd; + color: #bdbdbd } .grey.darken-1 { - background-color: #757575; + background-color: #757575 } .grey-text.text-darken-1 { - color: #757575; + color: #757575 } .grey.darken-2 { - background-color: #616161; + background-color: #616161 } .grey-text.text-darken-2 { - color: #616161; + color: #616161 } .grey.darken-3 { - background-color: #424242; + background-color: #424242 } .grey-text.text-darken-3 { - color: #424242; + color: #424242 } .grey.darken-4 { - background-color: #212121; + background-color: #212121 } .grey-text.text-darken-4 { - color: #212121; + color: #212121 } .shades.black { - background-color: #000; + background-color: #000 } .shades-text.text-black { - color: #000; + color: #000 } .shades.white { - background-color: #fff; + background-color: #fff } .shades-text.text-white { - color: #fff; + color: #fff } .shades.transparent { - background-color: transparent; + background-color: rgba(0,0,0,0) } .shades-text.text-transparent { - color: transparent; + color: rgba(0,0,0,0) } .mud-ripple { + --mud-ripple-offset-x: 0; + --mud-ripple-offset-y: 0; position: relative; - overflow: hidden; + overflow: hidden } .mud-ripple:after { @@ -27668,39 +28033,39 @@ tr.mud-table-row-group-indented-5 td:first-child { position: absolute; width: 100%; height: 100%; - top: 0; - left: 0; + top: var(--mud-ripple-offset-y); + left: var(--mud-ripple-offset-x); pointer-events: none; - background-image: radial-gradient(circle,#000 10%,transparent 10.01%); + background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; - transform: scale(10,10); + transform: scale(20, 20); opacity: 0; - transition: transform .3s,opacity 1s; + transition: transform .6s,opacity 1s } .mud-ripple:active:after { - transform: scale(0,0); + transform: scale(0, 0); opacity: .1; - transition: 0s; + transition: 0s } .mud-ripple-icon:after, .mud-ripple-checkbox:after, .mud-ripple-switch:after, .mud-ripple-radio:after { - transform: scale(7,7); + transform: scale(14, 14) } .mud-ripple-switch { - position: absolute; + position: absolute } .mud-rtl { - direction: rtl !important; + direction: rtl !important } .mud-ltr { - direction: ltr !important; + direction: ltr !important } .mud-application-layout-rtl .mud-flip-x-rtl { - transform: scaleX(-1); + transform: scaleX(-1) } diff --git a/BLAZAMCommon/Data/ApplicationVersion.cs b/BLAZAMCommon/Data/ApplicationVersion.cs index 444c8474..be4a4839 100644 --- a/BLAZAMCommon/Data/ApplicationVersion.cs +++ b/BLAZAMCommon/Data/ApplicationVersion.cs @@ -1,6 +1,8 @@ -using System.Diagnostics; +using Microsoft.Extensions.Localization; +using System.Diagnostics; using System.Reflection; using System.Reflection.Metadata.Ecma335; +using System.Security.Cryptography.Xml; namespace BLAZAM.Common.Data { @@ -30,7 +32,9 @@ public class ApplicationVersion : IComparable /// The full version number in string form /// public string Version { get => AssemblyVersion.ToString() + "." + BuildNumber; } - + + + /// /// Only the first three . segments of the version number /// @@ -103,10 +107,10 @@ public DateTime ReleaseDate { DateTime release = DateTime.MinValue; var buildNumberParts = BuildNumber.Split('.'); - string year=""; - string month=""; - string day=""; - string time=""; + string year = ""; + string month = ""; + string day = ""; + string time = ""; for (int x = 0; x < buildNumberParts.Length; x++) { switch (x) @@ -124,15 +128,17 @@ public DateTime ReleaseDate break; case 3: time = buildNumberParts[x]; - time=time.Insert(2, ":"); + time = time.Insert(2, ":"); break; } } - DateTime.TryParse((month+"/"+day+"/"+year + " "+ time+" Z"), out release); + DateTime.TryParse((month + "/" + day + "/" + year + " " + time + " Z"), out release); return release; } } + + public override int GetHashCode() { return Version.GetHashCode(); @@ -143,8 +149,32 @@ public override int GetHashCode() return Version; } + public bool NewerThan(ApplicationVersion version) + { + return CompareTo(version) > 0; + } + + public bool OlderThan(ApplicationVersion version) + { + return CompareTo(version) < 0; + } + public bool SameVersionAs(ApplicationVersion version) + { + return CompareTo(version) < 0; + } + /// + /// + /// If return is greater than one this version is newer + /// + /// + /// If return is less than one this version is older + /// + /// + /// + /// + /// public int CompareTo(object? obj) { if (obj is ApplicationVersion other) diff --git a/BLAZAMCommon/Data/PrerequisiteChecker.cs b/BLAZAMCommon/Data/PrerequisiteChecker.cs new file mode 100644 index 00000000..a15742c8 --- /dev/null +++ b/BLAZAMCommon/Data/PrerequisiteChecker.cs @@ -0,0 +1,59 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Text; +using System.Threading.Tasks; + +namespace BLAZAM.Common.Data +{ + public static class PrerequisiteChecker + { + public static bool CheckForAspCore() + { + try + { + var dirs = Directory.GetDirectories(Environment.GetFolderPath(Environment.SpecialFolder.ProgramFiles) + "\\dotnet\\shared\\Microsoft.NETCore.App"); + if (dirs != null && dirs.Length > 0) + { + + foreach (var dir in dirs) + { + if (dir.Contains("8.")) + { + + + return true; + } + } + + } + } + catch { } + return false; + } + public static bool CheckForAspCoreHosting() + { + try + { + var key = Microsoft.Win32.Registry.LocalMachine.OpenSubKey("SOFTWARE\\WOW6432Node\\Microsoft\\Updates\\.NET\\"); + if (key != null) + { + var possibleAspKeys = key.GetSubKeyNames(); + if (possibleAspKeys.Length > 0) + { + foreach (var possibleKey in possibleAspKeys) + { + if (possibleKey.Contains("Microsoft .NET 8") && possibleKey.Contains("Hosting")) + { + return true; + } + } + } + } + } + catch { } + return false; + + } + } +} diff --git a/BLAZAMDatabase/Context/AppDatabaseFactory.cs b/BLAZAMDatabase/Context/AppDatabaseFactory.cs index 1a07b11d..9505af48 100644 --- a/BLAZAMDatabase/Context/AppDatabaseFactory.cs +++ b/BLAZAMDatabase/Context/AppDatabaseFactory.cs @@ -59,9 +59,10 @@ private void SeedData() SetupDenyAll(seedContext); - } + + private void SetupDenyAll(IDatabaseContext seedContext) { bool saveRequired = false; diff --git a/BLAZAMDatabase/Context/DatabaseContextBase.cs b/BLAZAMDatabase/Context/DatabaseContextBase.cs index 4dfe5158..ce62b3ee 100644 --- a/BLAZAMDatabase/Context/DatabaseContextBase.cs +++ b/BLAZAMDatabase/Context/DatabaseContextBase.cs @@ -570,7 +570,10 @@ protected override void OnModelCreating(ModelBuilder modelBuilder) entity.ToTable(t => t.HasCheckConstraint("CK_Table_Column", "[Id] = 1")); }); - modelBuilder.Entity(entity => + + + + modelBuilder.Entity(entity => { entity.Property(e => e.Id).ValueGeneratedNever(); diff --git a/BLAZAMDatabase/Migrations/MySql/20240607214843_Add_Welcome_EmailMySql.Designer.cs b/BLAZAMDatabase/Migrations/MySql/20240607214843_Add_Welcome_EmailMySql.Designer.cs new file mode 100644 index 00000000..355cfd00 --- /dev/null +++ b/BLAZAMDatabase/Migrations/MySql/20240607214843_Add_Welcome_EmailMySql.Designer.cs @@ -0,0 +1,1823 @@ +// +using System; +using BLAZAM.Database.Context; +using Microsoft.EntityFrameworkCore; +using Microsoft.EntityFrameworkCore.Infrastructure; +using Microsoft.EntityFrameworkCore.Migrations; +using Microsoft.EntityFrameworkCore.Storage.ValueConversion; + +#nullable disable + +namespace BLAZAM.Database.Migrations.MySql +{ + [DbContext(typeof(MySqlDatabaseContext))] + [Migration("20240607214843_Add_Welcome_EmailMySql")] + partial class Add_Welcome_EmailMySql + { + /// + protected override void BuildTargetModel(ModelBuilder modelBuilder) + { +#pragma warning disable 612, 618 + modelBuilder + .HasAnnotation("ProductVersion", "7.0.19") + .HasAnnotation("Relational:MaxIdentifierLength", 64); + + modelBuilder.Entity("AccessLevelFieldAccessMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("int"); + + b.Property("FieldMapId") + .HasColumnType("int"); + + b.HasKey("AccessLevelsId", "FieldMapId"); + + b.HasIndex("FieldMapId"); + + b.ToTable("AccessLevelFieldAccessMapping"); + }); + + modelBuilder.Entity("AccessLevelObjectAccessMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("int"); + + b.Property("ObjectMapId") + .HasColumnType("int"); + + b.HasKey("AccessLevelsId", "ObjectMapId"); + + b.HasIndex("ObjectMapId"); + + b.ToTable("AccessLevelObjectAccessMapping"); + }); + + modelBuilder.Entity("AccessLevelPermissionMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("int"); + + b.Property("PermissionMapsId") + .HasColumnType("int"); + + b.HasKey("AccessLevelsId", "PermissionMapsId"); + + b.HasIndex("PermissionMapsId"); + + b.ToTable("AccessLevelPermissionMapping"); + }); + + modelBuilder.Entity("AppUserChatRoom", b => + { + b.Property("ChatRoomId") + .HasColumnType("int"); + + b.Property("MembersId") + .HasColumnType("int"); + + b.HasKey("ChatRoomId", "MembersId"); + + b.HasIndex("MembersId"); + + b.ToTable("AppUserChatRoom"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ADSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("ApplicationBaseDN") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("FQDN") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("Password") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("ServerAddress") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("ServerPort") + .HasColumnType("int"); + + b.Property("UseTLS") + .HasColumnType("tinyint(1)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("ActiveDirectorySettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "Id = 1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryField", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DisplayName") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("FieldName") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("FieldType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.ToTable("ActiveDirectoryFields"); + + b.HasData( + new + { + Id = 1, + DisplayName = "Last Name", + FieldName = "sn", + FieldType = 0 + }, + new + { + Id = 2, + DisplayName = "First Name", + FieldName = "givenname", + FieldType = 0 + }, + new + { + Id = 3, + DisplayName = "Office", + FieldName = "physicalDeliveryOfficeName", + FieldType = 0 + }, + new + { + Id = 4, + DisplayName = "Employee ID", + FieldName = "employeeId", + FieldType = 0 + }, + new + { + Id = 5, + DisplayName = "Home Directory", + FieldName = "homeDirectory", + FieldType = 0 + }, + new + { + Id = 6, + DisplayName = "Logon Script Path", + FieldName = "scriptPath", + FieldType = 0 + }, + new + { + Id = 7, + DisplayName = "Profile Path", + FieldName = "profilePath", + FieldType = 0 + }, + new + { + Id = 8, + DisplayName = "Home Phone Number", + FieldName = "homePhone", + FieldType = 0 + }, + new + { + Id = 9, + DisplayName = "Street Address", + FieldName = "streetAddress", + FieldType = 0 + }, + new + { + Id = 10, + DisplayName = "City", + FieldName = "l", + FieldType = 0 + }, + new + { + Id = 11, + DisplayName = "State", + FieldName = "st", + FieldType = 0 + }, + new + { + Id = 12, + DisplayName = "Zip Code", + FieldName = "postalCode", + FieldType = 0 + }, + new + { + Id = 13, + DisplayName = "Site", + FieldName = "site", + FieldType = 0 + }, + new + { + Id = 14, + DisplayName = "Name", + FieldName = "name", + FieldType = 0 + }, + new + { + Id = 15, + DisplayName = "Username", + FieldName = "samaccountname", + FieldType = 0 + }, + new + { + Id = 16, + DisplayName = "SID", + FieldName = "objectSID", + FieldType = 2 + }, + new + { + Id = 17, + DisplayName = "E-Mail Address", + FieldName = "mail", + FieldType = 0 + }, + new + { + Id = 18, + DisplayName = "Description", + FieldName = "description", + FieldType = 0 + }, + new + { + Id = 19, + DisplayName = "Display Name", + FieldName = "displayName", + FieldType = 0 + }, + new + { + Id = 20, + DisplayName = "Distinguished Name", + FieldName = "distinguishedName", + FieldType = 0 + }, + new + { + Id = 21, + DisplayName = "Member Of", + FieldName = "memberOf", + FieldType = 4 + }, + new + { + Id = 22, + DisplayName = "Company", + FieldName = "company", + FieldType = 0 + }, + new + { + Id = 23, + DisplayName = "Title", + FieldName = "title", + FieldType = 0 + }, + new + { + Id = 24, + DisplayName = "User Principal Name", + FieldName = "userPrincipalName", + FieldType = 0 + }, + new + { + Id = 25, + DisplayName = "Telephone Number", + FieldName = "telephoneNumber", + FieldType = 0 + }, + new + { + Id = 26, + DisplayName = "PO Box", + FieldName = "postOfficeBox", + FieldType = 0 + }, + new + { + Id = 27, + DisplayName = "Canonical Name", + FieldName = "cn", + FieldType = 0 + }, + new + { + Id = 28, + DisplayName = "Home Drive", + FieldName = "homeDrive", + FieldType = 3 + }, + new + { + Id = 29, + DisplayName = "Department", + FieldName = "department", + FieldType = 0 + }, + new + { + Id = 30, + DisplayName = "Middle Name", + FieldName = "middleName", + FieldType = 0 + }, + new + { + Id = 31, + DisplayName = "Pager", + FieldName = "pager", + FieldType = 0 + }, + new + { + Id = 32, + DisplayName = "OS", + FieldName = "operatingSystemVersion", + FieldType = 0 + }, + new + { + Id = 33, + DisplayName = "Account Expiration", + FieldName = "accountExpires", + FieldType = 1 + }, + new + { + Id = 34, + DisplayName = "Manager", + FieldName = "manager", + FieldType = 0 + }, + new + { + Id = 35, + DisplayName = "Photo", + FieldName = "thumbnail", + FieldType = 2 + }, + new + { + Id = 36, + DisplayName = "Log On To", + FieldName = "userWorkstations", + FieldType = 0 + }, + new + { + Id = 37, + DisplayName = "Logon Hours", + FieldName = "logonHours", + FieldType = 2 + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryFieldObjectType", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("ActiveDirectoryFieldId") + .HasColumnType("int"); + + b.Property("CustomActiveDirectoryFieldId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("CustomActiveDirectoryFieldId"); + + b.ToTable("ActiveDirectoryFieldObjectMappings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.AppSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("AnalyticsId") + .HasColumnType("longtext"); + + b.Property("AppFQDN") + .HasColumnType("longtext"); + + b.Property("AppIcon") + .HasColumnType("longblob"); + + b.Property("AppName") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AutoUpdate") + .HasColumnType("tinyint(1)"); + + b.Property("AutoUpdateTime") + .HasColumnType("time(6)"); + + b.Property("ForceHTTPS") + .HasColumnType("tinyint(1)"); + + b.Property("InstallationCompleted") + .HasColumnType("tinyint(1)"); + + b.Property("LastUpdateCheck") + .HasColumnType("datetime(6)"); + + b.Property("MOTD") + .HasColumnType("longtext"); + + b.Property("MyrtilleURL") + .HasColumnType("longtext"); + + b.Property("SSLCertificateCipher") + .HasColumnType("longtext"); + + b.Property("SendDeveloperAnalytics") + .HasColumnType("tinyint(1)"); + + b.Property("SendLogsToDeveloper") + .HasColumnType("tinyint(1)"); + + b.Property("UpdateBranch") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("UpdateDomain") + .HasColumnType("longtext"); + + b.Property("UpdatePassword") + .HasColumnType("longtext"); + + b.Property("UpdateUsername") + .HasColumnType("longtext"); + + b.Property("UseUpdateCredentials") + .HasColumnType("tinyint(1)"); + + b.Property("UserHelpdeskURL") + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("AppSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "Id = 1") + .HasName("CK_Table_Column1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.DirectoryEntryAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AfterAction") + .HasColumnType("longtext"); + + b.Property("BeforeAction") + .HasColumnType("longtext"); + + b.Property("IpAddress") + .HasColumnType("longtext"); + + b.Property("Sid") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("Target") + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("DirectoryEntryAuditLogs"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.LogonAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AfterAction") + .HasColumnType("longtext"); + + b.Property("BeforeAction") + .HasColumnType("longtext"); + + b.Property("IpAddress") + .HasColumnType("longtext"); + + b.Property("Target") + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("LogonAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.PermissionsAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AfterAction") + .HasColumnType("longtext"); + + b.Property("BeforeAction") + .HasColumnType("longtext"); + + b.Property("IpAddress") + .HasColumnType("longtext"); + + b.Property("Target") + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("PermissionsAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.RequestAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AfterAction") + .HasColumnType("longtext"); + + b.Property("BeforeAction") + .HasColumnType("longtext"); + + b.Property("IpAddress") + .HasColumnType("longtext"); + + b.Property("Target") + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("RequestAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.SettingsAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AfterAction") + .HasColumnType("longtext"); + + b.Property("BeforeAction") + .HasColumnType("longtext"); + + b.Property("IpAddress") + .HasColumnType("longtext"); + + b.Property("Target") + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("SettingsAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.SystemAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("AfterAction") + .HasColumnType("longtext"); + + b.Property("BeforeAction") + .HasColumnType("longtext"); + + b.Property("IpAddress") + .HasColumnType("longtext"); + + b.Property("Target") + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("Username") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("SystemAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.AuthenticationSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("AdminPassword") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("DuoApiHost") + .HasColumnType("longtext"); + + b.Property("DuoClientId") + .HasColumnType("longtext"); + + b.Property("DuoClientSecret") + .HasColumnType("longtext"); + + b.Property("DuoEnabled") + .HasColumnType("tinyint(1)"); + + b.Property("DuoUnreachableBehavior") + .HasColumnType("int"); + + b.Property("SessionTimeout") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.ToTable("AuthenticationSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "Id = 1") + .HasName("CK_Table_Column2"); + }); + + b.HasData( + new + { + Id = 1, + AdminPassword = "password", + DuoEnabled = false, + DuoUnreachableBehavior = 0, + SessionTimeout = 15 + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.ChatRoom", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("CreatedAt") + .HasColumnType("datetime(6)"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("IsPublic") + .HasColumnType("tinyint(1)"); + + b.Property("MembersHash") + .HasColumnType("bigint"); + + b.Property("Name") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("ChatRooms"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.UnreadChatMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("ChatMessageId") + .HasColumnType("int"); + + b.Property("ChatRoomId") + .HasColumnType("int"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("ChatMessageId"); + + b.ToTable("UnreadChatMessages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.CustomActiveDirectoryField", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("DisplayName") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("FieldName") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("FieldType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.ToTable("CustomActiveDirectoryFields"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.EmailSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("AdminBcc") + .HasColumnType("longtext"); + + b.Property("Enabled") + .HasColumnType("tinyint(1)"); + + b.Property("FromAddress") + .HasColumnType("longtext"); + + b.Property("FromName") + .HasColumnType("longtext"); + + b.Property("ReplyToAddress") + .HasColumnType("longtext"); + + b.Property("ReplyToName") + .HasColumnType("longtext"); + + b.Property("SMTPPassword") + .HasColumnType("longtext"); + + b.Property("SMTPPort") + .HasColumnType("int"); + + b.Property("SMTPServer") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("SMTPUsername") + .HasColumnType("longtext"); + + b.Property("UseSMTPAuth") + .HasColumnType("tinyint(1)"); + + b.Property("UseTLS") + .HasColumnType("tinyint(1)"); + + b.HasKey("Id"); + + b.ToTable("EmailSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "Id = 1") + .HasName("CK_Table_Column3"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.EmailTemplate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("BCC") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("Body") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("CC") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("Subject") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("TemplateName") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("EmailTemplates"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.AccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("Name") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("AccessLevels"); + + b.HasData( + new + { + Id = 1, + Name = "Deny All" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ActionAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("AccessLevelId") + .HasColumnType("int"); + + b.Property("AllowOrDeny") + .HasColumnType("tinyint(1)"); + + b.Property("ObjectActionId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("AccessLevelId"); + + b.HasIndex("ObjectActionId"); + + b.ToTable("ActionAccessMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Level") + .HasColumnType("int"); + + b.Property("Name") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("FieldAccessLevel"); + + b.HasData( + new + { + Id = 1, + Level = 10, + Name = "Deny" + }, + new + { + Id = 2, + Level = 100, + Name = "Read" + }, + new + { + Id = 3, + Level = 1000, + Name = "Edit" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("CustomFieldId") + .HasColumnType("int"); + + b.Property("FieldAccessLevelId") + .HasColumnType("int"); + + b.Property("FieldId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("CustomFieldId"); + + b.HasIndex("FieldAccessLevelId"); + + b.HasIndex("FieldId"); + + b.ToTable("AccessLevelFieldMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Level") + .HasColumnType("int"); + + b.Property("Name") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("ObjectAccessLevel"); + + b.HasData( + new + { + Id = 1, + Level = 10, + Name = "Deny" + }, + new + { + Id = 2, + Level = 1000, + Name = "Read" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("AllowDisabled") + .HasColumnType("tinyint(1)"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("ObjectAccessLevelId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("ObjectAccessLevelId"); + + b.ToTable("AccessLevelObjectMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAction", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Action") + .HasColumnType("int"); + + b.Property("Name") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("ObjectActionFlag"); + + b.HasData( + new + { + Id = 1, + Action = 4, + Name = "Assign" + }, + new + { + Id = 2, + Action = 3, + Name = "UnAssign" + }, + new + { + Id = 3, + Action = 8, + Name = "Unlock" + }, + new + { + Id = 4, + Action = 5, + Name = "Enable" + }, + new + { + Id = 5, + Action = 6, + Name = "Disable" + }, + new + { + Id = 6, + Action = 7, + Name = "Rename" + }, + new + { + Id = 7, + Action = 0, + Name = "Move" + }, + new + { + Id = 8, + Action = 2, + Name = "Create" + }, + new + { + Id = 9, + Action = 1, + Name = "Delete" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.PermissionDelegate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DelegateSid") + .IsRequired() + .HasColumnType("varbinary(3072)"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("IsSuperAdmin") + .HasColumnType("tinyint(1)"); + + b.HasKey("Id"); + + b.HasIndex("DelegateSid") + .IsUnique(); + + b.ToTable("PermissionDelegate"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.PermissionMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("OU") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("PermissionMap"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("AllowCustomGroups") + .HasColumnType("tinyint(1)"); + + b.Property("AskForAlternateEmail") + .HasColumnType("tinyint(1)"); + + b.Property("Category") + .HasColumnType("longtext"); + + b.Property("DeletedAt") + .HasColumnType("datetime(6)"); + + b.Property("DisplayNameFormula") + .HasColumnType("longtext"); + + b.Property("Name") + .IsRequired() + .HasColumnType("varchar(255)"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.Property("ParentOU") + .HasColumnType("longtext"); + + b.Property("ParentTemplateId") + .HasColumnType("int"); + + b.Property("PasswordFormula") + .HasColumnType("longtext"); + + b.Property("RequirePasswordChange") + .HasColumnType("tinyint(1)"); + + b.Property("SendWelcomeEmail") + .HasColumnType("tinyint(1)"); + + b.Property("UsernameFormula") + .HasColumnType("longtext"); + + b.Property("Visible") + .HasColumnType("tinyint(1)"); + + b.HasKey("Id"); + + b.HasIndex("Name") + .IsUnique(); + + b.HasIndex("ParentTemplateId"); + + b.ToTable("DirectoryTemplates"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateFieldValue", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("CustomFieldId") + .HasColumnType("int"); + + b.Property("DirectoryTemplateId") + .HasColumnType("int"); + + b.Property("Editable") + .HasColumnType("tinyint(1)"); + + b.Property("FieldId") + .HasColumnType("int"); + + b.Property("Required") + .HasColumnType("tinyint(1)"); + + b.Property("Value") + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.HasIndex("CustomFieldId"); + + b.HasIndex("DirectoryTemplateId"); + + b.HasIndex("FieldId"); + + b.ToTable("DirectoryTemplateFieldValues"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateGroup", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DirectoryTemplateId") + .HasColumnType("int"); + + b.Property("GroupSid") + .IsRequired() + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.HasIndex("DirectoryTemplateId"); + + b.ToTable("DirectoryTemplateGroups"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.AppUser", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("APIToken") + .HasColumnType("longtext"); + + b.Property("DarkMode") + .HasColumnType("tinyint(1)"); + + b.Property("Email") + .HasColumnType("longtext"); + + b.Property("ProfilePicture") + .HasColumnType("longblob"); + + b.Property("SearchDisabledComputers") + .HasColumnType("tinyint(1)"); + + b.Property("SearchDisabledUsers") + .HasColumnType("tinyint(1)"); + + b.Property("Theme") + .HasColumnType("longtext"); + + b.Property("UserGUID") + .IsRequired() + .HasColumnType("varchar(255)"); + + b.Property("Username") + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.HasIndex("UserGUID") + .IsUnique(); + + b.ToTable("UserSettings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.NotificationMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Created") + .HasColumnType("datetime(6)"); + + b.Property("Dismissable") + .HasColumnType("tinyint(1)"); + + b.Property("Expires") + .HasColumnType("datetime(6)"); + + b.Property("Level") + .HasColumnType("int"); + + b.Property("Link") + .HasColumnType("longtext"); + + b.Property("Message") + .HasColumnType("longtext"); + + b.Property("Title") + .HasColumnType("longtext"); + + b.HasKey("Id"); + + b.ToTable("NotificationMessages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.ReadNewsItem", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("NewsItemId") + .HasColumnType("double"); + + b.Property("NewsItemUpdatedAt") + .HasColumnType("datetime(6)"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("ReadNewsItems"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserDashboardWidget", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("Order") + .HasColumnType("int"); + + b.Property("Slot") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("UserId") + .HasColumnType("int"); + + b.Property("WidgetType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("UserDashboardWidgets"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserFavoriteEntry", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("DN") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("UserFavoriteEntries"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserNotification", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("IsRead") + .HasColumnType("tinyint(1)"); + + b.Property("NotificationId") + .HasColumnType("int"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("NotificationId"); + + b.HasIndex("UserId"); + + b.ToTable("UserNotifications"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + b.Property("ChatRoomId") + .HasColumnType("int"); + + b.Property("Message") + .IsRequired() + .HasColumnType("longtext"); + + b.Property("Timestamp") + .HasColumnType("datetime(6)"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("ChatRoomId"); + + b.HasIndex("UserId"); + + b.ToTable("ChatMessages"); + }); + + modelBuilder.Entity("PermissionDelegatePermissionMapping", b => + { + b.Property("PermissionDelegatesId") + .HasColumnType("int"); + + b.Property("PermissionsMapsId") + .HasColumnType("int"); + + b.HasKey("PermissionDelegatesId", "PermissionsMapsId"); + + b.HasIndex("PermissionsMapsId"); + + b.ToTable("PermissionDelegatePermissionMapping"); + }); + + modelBuilder.Entity("AccessLevelFieldAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.FieldAccessMapping", null) + .WithMany() + .HasForeignKey("FieldMapId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AccessLevelObjectAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", null) + .WithMany() + .HasForeignKey("ObjectMapId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AccessLevelPermissionMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionMapping", null) + .WithMany() + .HasForeignKey("PermissionMapsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AppUserChatRoom", b => + { + b.HasOne("BLAZAM.Database.Models.Chat.ChatRoom", null) + .WithMany() + .HasForeignKey("ChatRoomId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", null) + .WithMany() + .HasForeignKey("MembersId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryFieldObjectType", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", null) + .WithMany("ObjectTypes") + .HasForeignKey("CustomActiveDirectoryFieldId"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.UnreadChatMessage", b => + { + b.HasOne("BLAZAM.Server.Data.ChatMessage", "ChatMessage") + .WithMany("NotReadBy") + .HasForeignKey("ChatMessageId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ChatMessage"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ActionAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany("ActionMap") + .HasForeignKey("AccessLevelId"); + + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAction", "ObjectAction") + .WithMany() + .HasForeignKey("ObjectActionId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ObjectAction"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", "CustomField") + .WithMany() + .HasForeignKey("CustomFieldId"); + + b.HasOne("BLAZAM.Database.Models.Permissions.FieldAccessLevel", "FieldAccessLevel") + .WithMany() + .HasForeignKey("FieldAccessLevelId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.ActiveDirectoryField", "Field") + .WithMany() + .HasForeignKey("FieldId"); + + b.Navigation("CustomField"); + + b.Navigation("Field"); + + b.Navigation("FieldAccessLevel"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", "ObjectAccessLevel") + .WithMany("ObjectAccessMappings") + .HasForeignKey("ObjectAccessLevelId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ObjectAccessLevel"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", "ParentTemplate") + .WithMany() + .HasForeignKey("ParentTemplateId"); + + b.Navigation("ParentTemplate"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateFieldValue", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", "CustomField") + .WithMany() + .HasForeignKey("CustomFieldId"); + + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", null) + .WithMany("FieldValues") + .HasForeignKey("DirectoryTemplateId"); + + b.HasOne("BLAZAM.Database.Models.ActiveDirectoryField", "Field") + .WithMany() + .HasForeignKey("FieldId"); + + b.Navigation("CustomField"); + + b.Navigation("Field"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateGroup", b => + { + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", null) + .WithMany("AssignedGroupSids") + .HasForeignKey("DirectoryTemplateId"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.ReadNewsItem", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("ReadNewsItems") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserDashboardWidget", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("DashboardWidgets") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserFavoriteEntry", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("FavoriteEntries") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserNotification", b => + { + b.HasOne("BLAZAM.Database.Models.User.NotificationMessage", "Notification") + .WithMany() + .HasForeignKey("NotificationId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("Messages") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("Notification"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.HasOne("BLAZAM.Database.Models.Chat.ChatRoom", "ChatRoom") + .WithMany("Messages") + .HasForeignKey("ChatRoomId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ChatRoom"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("PermissionDelegatePermissionMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionDelegate", null) + .WithMany() + .HasForeignKey("PermissionDelegatesId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionMapping", null) + .WithMany() + .HasForeignKey("PermissionsMapsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.ChatRoom", b => + { + b.Navigation("Messages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.CustomActiveDirectoryField", b => + { + b.Navigation("ObjectTypes"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.AccessLevel", b => + { + b.Navigation("ActionMap"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", b => + { + b.Navigation("ObjectAccessMappings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.Navigation("AssignedGroupSids"); + + b.Navigation("FieldValues"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.AppUser", b => + { + b.Navigation("DashboardWidgets"); + + b.Navigation("FavoriteEntries"); + + b.Navigation("Messages"); + + b.Navigation("ReadNewsItems"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.Navigation("NotReadBy"); + }); +#pragma warning restore 612, 618 + } + } +} diff --git a/BLAZAMDatabase/Migrations/MySql/20240607214843_Add_Welcome_EmailMySql.cs b/BLAZAMDatabase/Migrations/MySql/20240607214843_Add_Welcome_EmailMySql.cs new file mode 100644 index 00000000..ab7af7a0 --- /dev/null +++ b/BLAZAMDatabase/Migrations/MySql/20240607214843_Add_Welcome_EmailMySql.cs @@ -0,0 +1,38 @@ +using Microsoft.EntityFrameworkCore.Migrations; + +#nullable disable + +namespace BLAZAM.Database.Migrations.MySql +{ + /// + public partial class Add_Welcome_EmailMySql : Migration + { + /// + protected override void Up(MigrationBuilder migrationBuilder) + { + migrationBuilder.AddColumn( + name: "AskForAlternateEmail", + table: "DirectoryTemplates", + type: "tinyint(1)", + nullable: true); + + migrationBuilder.AddColumn( + name: "SendWelcomeEmail", + table: "DirectoryTemplates", + type: "tinyint(1)", + nullable: true); + } + + /// + protected override void Down(MigrationBuilder migrationBuilder) + { + migrationBuilder.DropColumn( + name: "AskForAlternateEmail", + table: "DirectoryTemplates"); + + migrationBuilder.DropColumn( + name: "SendWelcomeEmail", + table: "DirectoryTemplates"); + } + } +} diff --git a/BLAZAMDatabase/Migrations/MySql/MySqlDatabaseContextModelSnapshot.cs b/BLAZAMDatabase/Migrations/MySql/MySqlDatabaseContextModelSnapshot.cs index 573cd400..36895730 100644 --- a/BLAZAMDatabase/Migrations/MySql/MySqlDatabaseContextModelSnapshot.cs +++ b/BLAZAMDatabase/Migrations/MySql/MySqlDatabaseContextModelSnapshot.cs @@ -16,7 +16,7 @@ protected override void BuildModel(ModelBuilder modelBuilder) { #pragma warning disable 612, 618 modelBuilder - .HasAnnotation("ProductVersion", "7.0.18") + .HasAnnotation("ProductVersion", "7.0.19") .HasAnnotation("Relational:MaxIdentifierLength", 64); modelBuilder.Entity("AccessLevelFieldAccessMapping", b => @@ -1210,6 +1210,9 @@ protected override void BuildModel(ModelBuilder modelBuilder) b.Property("AllowCustomGroups") .HasColumnType("tinyint(1)"); + b.Property("AskForAlternateEmail") + .HasColumnType("tinyint(1)"); + b.Property("Category") .HasColumnType("longtext"); @@ -1238,6 +1241,9 @@ protected override void BuildModel(ModelBuilder modelBuilder) b.Property("RequirePasswordChange") .HasColumnType("tinyint(1)"); + b.Property("SendWelcomeEmail") + .HasColumnType("tinyint(1)"); + b.Property("UsernameFormula") .HasColumnType("longtext"); diff --git a/BLAZAMDatabase/Migrations/Sql/20240607214821_Add_Welcome_EmailSql.Designer.cs b/BLAZAMDatabase/Migrations/Sql/20240607214821_Add_Welcome_EmailSql.Designer.cs new file mode 100644 index 00000000..c7926773 --- /dev/null +++ b/BLAZAMDatabase/Migrations/Sql/20240607214821_Add_Welcome_EmailSql.Designer.cs @@ -0,0 +1,1888 @@ +// +using System; +using BLAZAM.Database.Context; +using Microsoft.EntityFrameworkCore; +using Microsoft.EntityFrameworkCore.Infrastructure; +using Microsoft.EntityFrameworkCore.Metadata; +using Microsoft.EntityFrameworkCore.Migrations; +using Microsoft.EntityFrameworkCore.Storage.ValueConversion; + +#nullable disable + +namespace BLAZAM.Database.Migrations.Sql +{ + [DbContext(typeof(SqlDatabaseContext))] + [Migration("20240607214821_Add_Welcome_EmailSql")] + partial class Add_Welcome_EmailSql + { + /// + protected override void BuildTargetModel(ModelBuilder modelBuilder) + { +#pragma warning disable 612, 618 + modelBuilder + .HasAnnotation("ProductVersion", "7.0.19") + .HasAnnotation("Relational:MaxIdentifierLength", 128); + + SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder); + + modelBuilder.Entity("AccessLevelFieldAccessMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("int"); + + b.Property("FieldMapId") + .HasColumnType("int"); + + b.HasKey("AccessLevelsId", "FieldMapId"); + + b.HasIndex("FieldMapId"); + + b.ToTable("AccessLevelFieldAccessMapping"); + }); + + modelBuilder.Entity("AccessLevelObjectAccessMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("int"); + + b.Property("ObjectMapId") + .HasColumnType("int"); + + b.HasKey("AccessLevelsId", "ObjectMapId"); + + b.HasIndex("ObjectMapId"); + + b.ToTable("AccessLevelObjectAccessMapping"); + }); + + modelBuilder.Entity("AccessLevelPermissionMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("int"); + + b.Property("PermissionMapsId") + .HasColumnType("int"); + + b.HasKey("AccessLevelsId", "PermissionMapsId"); + + b.HasIndex("PermissionMapsId"); + + b.ToTable("AccessLevelPermissionMapping"); + }); + + modelBuilder.Entity("AppUserChatRoom", b => + { + b.Property("ChatRoomId") + .HasColumnType("int"); + + b.Property("MembersId") + .HasColumnType("int"); + + b.HasKey("ChatRoomId", "MembersId"); + + b.HasIndex("MembersId"); + + b.ToTable("AppUserChatRoom"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ADSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("ApplicationBaseDN") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("FQDN") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("Password") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("ServerAddress") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("ServerPort") + .HasColumnType("int"); + + b.Property("UseTLS") + .HasColumnType("bit"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("ActiveDirectorySettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryField", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DisplayName") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("FieldName") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("FieldType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.ToTable("ActiveDirectoryFields"); + + b.HasData( + new + { + Id = 1, + DisplayName = "Last Name", + FieldName = "sn", + FieldType = 0 + }, + new + { + Id = 2, + DisplayName = "First Name", + FieldName = "givenname", + FieldType = 0 + }, + new + { + Id = 3, + DisplayName = "Office", + FieldName = "physicalDeliveryOfficeName", + FieldType = 0 + }, + new + { + Id = 4, + DisplayName = "Employee ID", + FieldName = "employeeId", + FieldType = 0 + }, + new + { + Id = 5, + DisplayName = "Home Directory", + FieldName = "homeDirectory", + FieldType = 0 + }, + new + { + Id = 6, + DisplayName = "Logon Script Path", + FieldName = "scriptPath", + FieldType = 0 + }, + new + { + Id = 7, + DisplayName = "Profile Path", + FieldName = "profilePath", + FieldType = 0 + }, + new + { + Id = 8, + DisplayName = "Home Phone Number", + FieldName = "homePhone", + FieldType = 0 + }, + new + { + Id = 9, + DisplayName = "Street Address", + FieldName = "streetAddress", + FieldType = 0 + }, + new + { + Id = 10, + DisplayName = "City", + FieldName = "l", + FieldType = 0 + }, + new + { + Id = 11, + DisplayName = "State", + FieldName = "st", + FieldType = 0 + }, + new + { + Id = 12, + DisplayName = "Zip Code", + FieldName = "postalCode", + FieldType = 0 + }, + new + { + Id = 13, + DisplayName = "Site", + FieldName = "site", + FieldType = 0 + }, + new + { + Id = 14, + DisplayName = "Name", + FieldName = "name", + FieldType = 0 + }, + new + { + Id = 15, + DisplayName = "Username", + FieldName = "samaccountname", + FieldType = 0 + }, + new + { + Id = 16, + DisplayName = "SID", + FieldName = "objectSID", + FieldType = 2 + }, + new + { + Id = 17, + DisplayName = "E-Mail Address", + FieldName = "mail", + FieldType = 0 + }, + new + { + Id = 18, + DisplayName = "Description", + FieldName = "description", + FieldType = 0 + }, + new + { + Id = 19, + DisplayName = "Display Name", + FieldName = "displayName", + FieldType = 0 + }, + new + { + Id = 20, + DisplayName = "Distinguished Name", + FieldName = "distinguishedName", + FieldType = 0 + }, + new + { + Id = 21, + DisplayName = "Member Of", + FieldName = "memberOf", + FieldType = 4 + }, + new + { + Id = 22, + DisplayName = "Company", + FieldName = "company", + FieldType = 0 + }, + new + { + Id = 23, + DisplayName = "Title", + FieldName = "title", + FieldType = 0 + }, + new + { + Id = 24, + DisplayName = "User Principal Name", + FieldName = "userPrincipalName", + FieldType = 0 + }, + new + { + Id = 25, + DisplayName = "Telephone Number", + FieldName = "telephoneNumber", + FieldType = 0 + }, + new + { + Id = 26, + DisplayName = "PO Box", + FieldName = "postOfficeBox", + FieldType = 0 + }, + new + { + Id = 27, + DisplayName = "Canonical Name", + FieldName = "cn", + FieldType = 0 + }, + new + { + Id = 28, + DisplayName = "Home Drive", + FieldName = "homeDrive", + FieldType = 3 + }, + new + { + Id = 29, + DisplayName = "Department", + FieldName = "department", + FieldType = 0 + }, + new + { + Id = 30, + DisplayName = "Middle Name", + FieldName = "middleName", + FieldType = 0 + }, + new + { + Id = 31, + DisplayName = "Pager", + FieldName = "pager", + FieldType = 0 + }, + new + { + Id = 32, + DisplayName = "OS", + FieldName = "operatingSystemVersion", + FieldType = 0 + }, + new + { + Id = 33, + DisplayName = "Account Expiration", + FieldName = "accountExpires", + FieldType = 1 + }, + new + { + Id = 34, + DisplayName = "Manager", + FieldName = "manager", + FieldType = 0 + }, + new + { + Id = 35, + DisplayName = "Photo", + FieldName = "thumbnail", + FieldType = 2 + }, + new + { + Id = 36, + DisplayName = "Log On To", + FieldName = "userWorkstations", + FieldType = 0 + }, + new + { + Id = 37, + DisplayName = "Logon Hours", + FieldName = "logonHours", + FieldType = 2 + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryFieldObjectType", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("ActiveDirectoryFieldId") + .HasColumnType("int"); + + b.Property("CustomActiveDirectoryFieldId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("CustomActiveDirectoryFieldId"); + + b.ToTable("ActiveDirectoryFieldObjectMappings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.AppSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("AnalyticsId") + .HasColumnType("nvarchar(max)"); + + b.Property("AppFQDN") + .HasColumnType("nvarchar(max)"); + + b.Property("AppIcon") + .HasColumnType("varbinary(max)"); + + b.Property("AppName") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AutoUpdate") + .HasColumnType("bit"); + + b.Property("AutoUpdateTime") + .HasColumnType("time"); + + b.Property("ForceHTTPS") + .HasColumnType("bit"); + + b.Property("InstallationCompleted") + .HasColumnType("bit"); + + b.Property("LastUpdateCheck") + .HasColumnType("datetime2"); + + b.Property("MOTD") + .HasColumnType("nvarchar(max)"); + + b.Property("MyrtilleURL") + .HasColumnType("nvarchar(max)"); + + b.Property("SSLCertificateCipher") + .HasColumnType("nvarchar(max)"); + + b.Property("SendDeveloperAnalytics") + .HasColumnType("bit"); + + b.Property("SendLogsToDeveloper") + .HasColumnType("bit"); + + b.Property("UpdateBranch") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("UpdateDomain") + .HasColumnType("nvarchar(max)"); + + b.Property("UpdatePassword") + .HasColumnType("nvarchar(max)"); + + b.Property("UpdateUsername") + .HasColumnType("nvarchar(max)"); + + b.Property("UseUpdateCredentials") + .HasColumnType("bit"); + + b.Property("UserHelpdeskURL") + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("AppSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1") + .HasName("CK_Table_Column1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.DirectoryEntryAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AfterAction") + .HasColumnType("nvarchar(max)"); + + b.Property("BeforeAction") + .HasColumnType("nvarchar(max)"); + + b.Property("IpAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("Sid") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("Target") + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("DirectoryEntryAuditLogs"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.LogonAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AfterAction") + .HasColumnType("nvarchar(max)"); + + b.Property("BeforeAction") + .HasColumnType("nvarchar(max)"); + + b.Property("IpAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("Target") + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("LogonAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.PermissionsAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AfterAction") + .HasColumnType("nvarchar(max)"); + + b.Property("BeforeAction") + .HasColumnType("nvarchar(max)"); + + b.Property("IpAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("Target") + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("PermissionsAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.RequestAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AfterAction") + .HasColumnType("nvarchar(max)"); + + b.Property("BeforeAction") + .HasColumnType("nvarchar(max)"); + + b.Property("IpAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("Target") + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("RequestAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.SettingsAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AfterAction") + .HasColumnType("nvarchar(max)"); + + b.Property("BeforeAction") + .HasColumnType("nvarchar(max)"); + + b.Property("IpAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("Target") + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("SettingsAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.SystemAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("AfterAction") + .HasColumnType("nvarchar(max)"); + + b.Property("BeforeAction") + .HasColumnType("nvarchar(max)"); + + b.Property("IpAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("Target") + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("Username") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("SystemAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.AuthenticationSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("AdminPassword") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("DuoApiHost") + .HasColumnType("nvarchar(max)"); + + b.Property("DuoClientId") + .HasColumnType("nvarchar(max)"); + + b.Property("DuoClientSecret") + .HasColumnType("nvarchar(max)"); + + b.Property("DuoEnabled") + .HasColumnType("bit"); + + b.Property("DuoUnreachableBehavior") + .HasColumnType("int"); + + b.Property("SessionTimeout") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.ToTable("AuthenticationSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1") + .HasName("CK_Table_Column2"); + }); + + b.HasData( + new + { + Id = 1, + AdminPassword = "password", + DuoEnabled = false, + DuoUnreachableBehavior = 0, + SessionTimeout = 15 + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.ChatRoom", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("CreatedAt") + .HasColumnType("datetime2"); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("IsPublic") + .HasColumnType("bit"); + + b.Property("MembersHash") + .HasColumnType("bigint"); + + b.Property("Name") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("ChatRooms"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.UnreadChatMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("ChatMessageId") + .HasColumnType("int"); + + b.Property("ChatRoomId") + .HasColumnType("int"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("ChatMessageId"); + + b.ToTable("UnreadChatMessages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.CustomActiveDirectoryField", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("DisplayName") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("FieldName") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("FieldType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.ToTable("CustomActiveDirectoryFields"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.EmailSettings", b => + { + b.Property("Id") + .HasColumnType("int"); + + b.Property("AdminBcc") + .HasColumnType("nvarchar(max)"); + + b.Property("Enabled") + .HasColumnType("bit"); + + b.Property("FromAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("FromName") + .HasColumnType("nvarchar(max)"); + + b.Property("ReplyToAddress") + .HasColumnType("nvarchar(max)"); + + b.Property("ReplyToName") + .HasColumnType("nvarchar(max)"); + + b.Property("SMTPPassword") + .HasColumnType("nvarchar(max)"); + + b.Property("SMTPPort") + .HasColumnType("int"); + + b.Property("SMTPServer") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("SMTPUsername") + .HasColumnType("nvarchar(max)"); + + b.Property("UseSMTPAuth") + .HasColumnType("bit"); + + b.Property("UseTLS") + .HasColumnType("bit"); + + b.HasKey("Id"); + + b.ToTable("EmailSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1") + .HasName("CK_Table_Column3"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.EmailTemplate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("BCC") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("Body") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("CC") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("Subject") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("TemplateName") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("EmailTemplates"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.AccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("Name") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("AccessLevels"); + + b.HasData( + new + { + Id = 1, + Name = "Deny All" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ActionAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("AccessLevelId") + .HasColumnType("int"); + + b.Property("AllowOrDeny") + .HasColumnType("bit"); + + b.Property("ObjectActionId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("AccessLevelId"); + + b.HasIndex("ObjectActionId"); + + b.ToTable("ActionAccessMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Level") + .HasColumnType("int"); + + b.Property("Name") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("FieldAccessLevel"); + + b.HasData( + new + { + Id = 1, + Level = 10, + Name = "Deny" + }, + new + { + Id = 2, + Level = 100, + Name = "Read" + }, + new + { + Id = 3, + Level = 1000, + Name = "Edit" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("CustomFieldId") + .HasColumnType("int"); + + b.Property("FieldAccessLevelId") + .HasColumnType("int"); + + b.Property("FieldId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("CustomFieldId"); + + b.HasIndex("FieldAccessLevelId"); + + b.HasIndex("FieldId"); + + b.ToTable("AccessLevelFieldMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Level") + .HasColumnType("int"); + + b.Property("Name") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("ObjectAccessLevel"); + + b.HasData( + new + { + Id = 1, + Level = 10, + Name = "Deny" + }, + new + { + Id = 2, + Level = 1000, + Name = "Read" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("AllowDisabled") + .HasColumnType("bit"); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("ObjectAccessLevelId") + .HasColumnType("int"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("ObjectAccessLevelId"); + + b.ToTable("AccessLevelObjectMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAction", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Action") + .HasColumnType("int"); + + b.Property("Name") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("ObjectActionFlag"); + + b.HasData( + new + { + Id = 1, + Action = 4, + Name = "Assign" + }, + new + { + Id = 2, + Action = 3, + Name = "UnAssign" + }, + new + { + Id = 3, + Action = 8, + Name = "Unlock" + }, + new + { + Id = 4, + Action = 5, + Name = "Enable" + }, + new + { + Id = 5, + Action = 6, + Name = "Disable" + }, + new + { + Id = 6, + Action = 7, + Name = "Rename" + }, + new + { + Id = 7, + Action = 0, + Name = "Move" + }, + new + { + Id = 8, + Action = 2, + Name = "Create" + }, + new + { + Id = 9, + Action = 1, + Name = "Delete" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.PermissionDelegate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DelegateSid") + .IsRequired() + .HasColumnType("varbinary(900)"); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("IsSuperAdmin") + .HasColumnType("bit"); + + b.HasKey("Id"); + + b.HasIndex("DelegateSid") + .IsUnique(); + + b.ToTable("PermissionDelegate"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.PermissionMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("OU") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("PermissionMap"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("AllowCustomGroups") + .HasColumnType("bit"); + + b.Property("AskForAlternateEmail") + .HasColumnType("bit"); + + b.Property("Category") + .HasColumnType("nvarchar(max)"); + + b.Property("DeletedAt") + .HasColumnType("datetime2"); + + b.Property("DisplayNameFormula") + .HasColumnType("nvarchar(max)"); + + b.Property("Name") + .IsRequired() + .HasColumnType("nvarchar(450)"); + + b.Property("ObjectType") + .HasColumnType("int"); + + b.Property("ParentOU") + .HasColumnType("nvarchar(max)"); + + b.Property("ParentTemplateId") + .HasColumnType("int"); + + b.Property("PasswordFormula") + .HasColumnType("nvarchar(max)"); + + b.Property("RequirePasswordChange") + .HasColumnType("bit"); + + b.Property("SendWelcomeEmail") + .HasColumnType("bit"); + + b.Property("UsernameFormula") + .HasColumnType("nvarchar(max)"); + + b.Property("Visible") + .HasColumnType("bit"); + + b.HasKey("Id"); + + b.HasIndex("Name") + .IsUnique(); + + b.HasIndex("ParentTemplateId"); + + b.ToTable("DirectoryTemplates"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateFieldValue", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("CustomFieldId") + .HasColumnType("int"); + + b.Property("DirectoryTemplateId") + .HasColumnType("int"); + + b.Property("Editable") + .HasColumnType("bit"); + + b.Property("FieldId") + .HasColumnType("int"); + + b.Property("Required") + .HasColumnType("bit"); + + b.Property("Value") + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.HasIndex("CustomFieldId"); + + b.HasIndex("DirectoryTemplateId"); + + b.HasIndex("FieldId"); + + b.ToTable("DirectoryTemplateFieldValues"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateGroup", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DirectoryTemplateId") + .HasColumnType("int"); + + b.Property("GroupSid") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.HasIndex("DirectoryTemplateId"); + + b.ToTable("DirectoryTemplateGroups"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.AppUser", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("APIToken") + .HasColumnType("nvarchar(max)"); + + b.Property("DarkMode") + .HasColumnType("bit"); + + b.Property("Email") + .HasColumnType("nvarchar(max)"); + + b.Property("ProfilePicture") + .HasColumnType("varbinary(max)"); + + b.Property("SearchDisabledComputers") + .HasColumnType("bit"); + + b.Property("SearchDisabledUsers") + .HasColumnType("bit"); + + b.Property("Theme") + .HasColumnType("nvarchar(max)"); + + b.Property("UserGUID") + .IsRequired() + .HasColumnType("nvarchar(450)"); + + b.Property("Username") + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.HasIndex("UserGUID") + .IsUnique(); + + b.ToTable("UserSettings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.NotificationMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Created") + .HasColumnType("datetime2"); + + b.Property("Dismissable") + .HasColumnType("bit"); + + b.Property("Expires") + .HasColumnType("datetime2"); + + b.Property("Level") + .HasColumnType("int"); + + b.Property("Link") + .HasColumnType("nvarchar(max)"); + + b.Property("Message") + .HasColumnType("nvarchar(max)"); + + b.Property("Title") + .HasColumnType("nvarchar(max)"); + + b.HasKey("Id"); + + b.ToTable("NotificationMessages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.ReadNewsItem", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("NewsItemId") + .HasColumnType("float"); + + b.Property("NewsItemUpdatedAt") + .HasColumnType("datetime2"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("ReadNewsItems"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserDashboardWidget", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("Order") + .HasColumnType("int"); + + b.Property("Slot") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("UserId") + .HasColumnType("int"); + + b.Property("WidgetType") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("UserDashboardWidgets"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserFavoriteEntry", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("DN") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("UserFavoriteEntries"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserNotification", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("IsRead") + .HasColumnType("bit"); + + b.Property("NotificationId") + .HasColumnType("int"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("NotificationId"); + + b.HasIndex("UserId"); + + b.ToTable("UserNotifications"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("int"); + + SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property("Id")); + + b.Property("ChatRoomId") + .HasColumnType("int"); + + b.Property("Message") + .IsRequired() + .HasColumnType("nvarchar(max)"); + + b.Property("Timestamp") + .HasColumnType("datetime2"); + + b.Property("UserId") + .HasColumnType("int"); + + b.HasKey("Id"); + + b.HasIndex("ChatRoomId"); + + b.HasIndex("UserId"); + + b.ToTable("ChatMessages"); + }); + + modelBuilder.Entity("PermissionDelegatePermissionMapping", b => + { + b.Property("PermissionDelegatesId") + .HasColumnType("int"); + + b.Property("PermissionsMapsId") + .HasColumnType("int"); + + b.HasKey("PermissionDelegatesId", "PermissionsMapsId"); + + b.HasIndex("PermissionsMapsId"); + + b.ToTable("PermissionDelegatePermissionMapping"); + }); + + modelBuilder.Entity("AccessLevelFieldAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.FieldAccessMapping", null) + .WithMany() + .HasForeignKey("FieldMapId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AccessLevelObjectAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", null) + .WithMany() + .HasForeignKey("ObjectMapId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AccessLevelPermissionMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionMapping", null) + .WithMany() + .HasForeignKey("PermissionMapsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AppUserChatRoom", b => + { + b.HasOne("BLAZAM.Database.Models.Chat.ChatRoom", null) + .WithMany() + .HasForeignKey("ChatRoomId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", null) + .WithMany() + .HasForeignKey("MembersId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryFieldObjectType", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", null) + .WithMany("ObjectTypes") + .HasForeignKey("CustomActiveDirectoryFieldId"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.UnreadChatMessage", b => + { + b.HasOne("BLAZAM.Server.Data.ChatMessage", "ChatMessage") + .WithMany("NotReadBy") + .HasForeignKey("ChatMessageId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ChatMessage"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ActionAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany("ActionMap") + .HasForeignKey("AccessLevelId"); + + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAction", "ObjectAction") + .WithMany() + .HasForeignKey("ObjectActionId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ObjectAction"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", "CustomField") + .WithMany() + .HasForeignKey("CustomFieldId"); + + b.HasOne("BLAZAM.Database.Models.Permissions.FieldAccessLevel", "FieldAccessLevel") + .WithMany() + .HasForeignKey("FieldAccessLevelId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.ActiveDirectoryField", "Field") + .WithMany() + .HasForeignKey("FieldId"); + + b.Navigation("CustomField"); + + b.Navigation("Field"); + + b.Navigation("FieldAccessLevel"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", "ObjectAccessLevel") + .WithMany("ObjectAccessMappings") + .HasForeignKey("ObjectAccessLevelId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ObjectAccessLevel"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", "ParentTemplate") + .WithMany() + .HasForeignKey("ParentTemplateId"); + + b.Navigation("ParentTemplate"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateFieldValue", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", "CustomField") + .WithMany() + .HasForeignKey("CustomFieldId"); + + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", null) + .WithMany("FieldValues") + .HasForeignKey("DirectoryTemplateId"); + + b.HasOne("BLAZAM.Database.Models.ActiveDirectoryField", "Field") + .WithMany() + .HasForeignKey("FieldId"); + + b.Navigation("CustomField"); + + b.Navigation("Field"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateGroup", b => + { + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", null) + .WithMany("AssignedGroupSids") + .HasForeignKey("DirectoryTemplateId"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.ReadNewsItem", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("ReadNewsItems") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserDashboardWidget", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("DashboardWidgets") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserFavoriteEntry", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("FavoriteEntries") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserNotification", b => + { + b.HasOne("BLAZAM.Database.Models.User.NotificationMessage", "Notification") + .WithMany() + .HasForeignKey("NotificationId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("Messages") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("Notification"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.HasOne("BLAZAM.Database.Models.Chat.ChatRoom", "ChatRoom") + .WithMany("Messages") + .HasForeignKey("ChatRoomId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ChatRoom"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("PermissionDelegatePermissionMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionDelegate", null) + .WithMany() + .HasForeignKey("PermissionDelegatesId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionMapping", null) + .WithMany() + .HasForeignKey("PermissionsMapsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.ChatRoom", b => + { + b.Navigation("Messages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.CustomActiveDirectoryField", b => + { + b.Navigation("ObjectTypes"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.AccessLevel", b => + { + b.Navigation("ActionMap"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", b => + { + b.Navigation("ObjectAccessMappings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.Navigation("AssignedGroupSids"); + + b.Navigation("FieldValues"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.AppUser", b => + { + b.Navigation("DashboardWidgets"); + + b.Navigation("FavoriteEntries"); + + b.Navigation("Messages"); + + b.Navigation("ReadNewsItems"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.Navigation("NotReadBy"); + }); +#pragma warning restore 612, 618 + } + } +} diff --git a/BLAZAMDatabase/Migrations/Sql/20240607214821_Add_Welcome_EmailSql.cs b/BLAZAMDatabase/Migrations/Sql/20240607214821_Add_Welcome_EmailSql.cs new file mode 100644 index 00000000..b9a99313 --- /dev/null +++ b/BLAZAMDatabase/Migrations/Sql/20240607214821_Add_Welcome_EmailSql.cs @@ -0,0 +1,38 @@ +using Microsoft.EntityFrameworkCore.Migrations; + +#nullable disable + +namespace BLAZAM.Database.Migrations.Sql +{ + /// + public partial class Add_Welcome_EmailSql : Migration + { + /// + protected override void Up(MigrationBuilder migrationBuilder) + { + migrationBuilder.AddColumn( + name: "AskForAlternateEmail", + table: "DirectoryTemplates", + type: "bit", + nullable: true); + + migrationBuilder.AddColumn( + name: "SendWelcomeEmail", + table: "DirectoryTemplates", + type: "bit", + nullable: true); + } + + /// + protected override void Down(MigrationBuilder migrationBuilder) + { + migrationBuilder.DropColumn( + name: "AskForAlternateEmail", + table: "DirectoryTemplates"); + + migrationBuilder.DropColumn( + name: "SendWelcomeEmail", + table: "DirectoryTemplates"); + } + } +} diff --git a/BLAZAMDatabase/Migrations/Sql/SqlDatabaseContextModelSnapshot.cs b/BLAZAMDatabase/Migrations/Sql/SqlDatabaseContextModelSnapshot.cs index ad4e6a31..b79214a6 100644 --- a/BLAZAMDatabase/Migrations/Sql/SqlDatabaseContextModelSnapshot.cs +++ b/BLAZAMDatabase/Migrations/Sql/SqlDatabaseContextModelSnapshot.cs @@ -17,7 +17,7 @@ protected override void BuildModel(ModelBuilder modelBuilder) { #pragma warning disable 612, 618 modelBuilder - .HasAnnotation("ProductVersion", "7.0.18") + .HasAnnotation("ProductVersion", "7.0.19") .HasAnnotation("Relational:MaxIdentifierLength", 128); SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder); @@ -1257,6 +1257,9 @@ protected override void BuildModel(ModelBuilder modelBuilder) b.Property("AllowCustomGroups") .HasColumnType("bit"); + b.Property("AskForAlternateEmail") + .HasColumnType("bit"); + b.Property("Category") .HasColumnType("nvarchar(max)"); @@ -1285,6 +1288,9 @@ protected override void BuildModel(ModelBuilder modelBuilder) b.Property("RequirePasswordChange") .HasColumnType("bit"); + b.Property("SendWelcomeEmail") + .HasColumnType("bit"); + b.Property("UsernameFormula") .HasColumnType("nvarchar(max)"); diff --git a/BLAZAMDatabase/Migrations/Sqlite/20240607214800_Add_Welcome_EmailSqlite.Designer.cs b/BLAZAMDatabase/Migrations/Sqlite/20240607214800_Add_Welcome_EmailSqlite.Designer.cs new file mode 100644 index 00000000..4f3078c2 --- /dev/null +++ b/BLAZAMDatabase/Migrations/Sqlite/20240607214800_Add_Welcome_EmailSqlite.Designer.cs @@ -0,0 +1,1818 @@ +// +using System; +using BLAZAM.Database.Context; +using Microsoft.EntityFrameworkCore; +using Microsoft.EntityFrameworkCore.Infrastructure; +using Microsoft.EntityFrameworkCore.Migrations; +using Microsoft.EntityFrameworkCore.Storage.ValueConversion; + +#nullable disable + +namespace BLAZAM.Database.Migrations.Sqlite +{ + [DbContext(typeof(SqliteDatabaseContext))] + [Migration("20240607214800_Add_Welcome_EmailSqlite")] + partial class Add_Welcome_EmailSqlite + { + /// + protected override void BuildTargetModel(ModelBuilder modelBuilder) + { +#pragma warning disable 612, 618 + modelBuilder.HasAnnotation("ProductVersion", "7.0.19"); + + modelBuilder.Entity("AccessLevelFieldAccessMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("INTEGER"); + + b.Property("FieldMapId") + .HasColumnType("INTEGER"); + + b.HasKey("AccessLevelsId", "FieldMapId"); + + b.HasIndex("FieldMapId"); + + b.ToTable("AccessLevelFieldAccessMapping"); + }); + + modelBuilder.Entity("AccessLevelObjectAccessMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("INTEGER"); + + b.Property("ObjectMapId") + .HasColumnType("INTEGER"); + + b.HasKey("AccessLevelsId", "ObjectMapId"); + + b.HasIndex("ObjectMapId"); + + b.ToTable("AccessLevelObjectAccessMapping"); + }); + + modelBuilder.Entity("AccessLevelPermissionMapping", b => + { + b.Property("AccessLevelsId") + .HasColumnType("INTEGER"); + + b.Property("PermissionMapsId") + .HasColumnType("INTEGER"); + + b.HasKey("AccessLevelsId", "PermissionMapsId"); + + b.HasIndex("PermissionMapsId"); + + b.ToTable("AccessLevelPermissionMapping"); + }); + + modelBuilder.Entity("AppUserChatRoom", b => + { + b.Property("ChatRoomId") + .HasColumnType("INTEGER"); + + b.Property("MembersId") + .HasColumnType("INTEGER"); + + b.HasKey("ChatRoomId", "MembersId"); + + b.HasIndex("MembersId"); + + b.ToTable("AppUserChatRoom"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ADSettings", b => + { + b.Property("Id") + .HasColumnType("INTEGER"); + + b.Property("ApplicationBaseDN") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("FQDN") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("Password") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("ServerAddress") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("ServerPort") + .HasColumnType("INTEGER"); + + b.Property("UseTLS") + .HasColumnType("INTEGER"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("ActiveDirectorySettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryField", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DisplayName") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("FieldName") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("FieldType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.ToTable("ActiveDirectoryFields"); + + b.HasData( + new + { + Id = 1, + DisplayName = "Last Name", + FieldName = "sn", + FieldType = 0 + }, + new + { + Id = 2, + DisplayName = "First Name", + FieldName = "givenname", + FieldType = 0 + }, + new + { + Id = 3, + DisplayName = "Office", + FieldName = "physicalDeliveryOfficeName", + FieldType = 0 + }, + new + { + Id = 4, + DisplayName = "Employee ID", + FieldName = "employeeId", + FieldType = 0 + }, + new + { + Id = 5, + DisplayName = "Home Directory", + FieldName = "homeDirectory", + FieldType = 0 + }, + new + { + Id = 6, + DisplayName = "Logon Script Path", + FieldName = "scriptPath", + FieldType = 0 + }, + new + { + Id = 7, + DisplayName = "Profile Path", + FieldName = "profilePath", + FieldType = 0 + }, + new + { + Id = 8, + DisplayName = "Home Phone Number", + FieldName = "homePhone", + FieldType = 0 + }, + new + { + Id = 9, + DisplayName = "Street Address", + FieldName = "streetAddress", + FieldType = 0 + }, + new + { + Id = 10, + DisplayName = "City", + FieldName = "l", + FieldType = 0 + }, + new + { + Id = 11, + DisplayName = "State", + FieldName = "st", + FieldType = 0 + }, + new + { + Id = 12, + DisplayName = "Zip Code", + FieldName = "postalCode", + FieldType = 0 + }, + new + { + Id = 13, + DisplayName = "Site", + FieldName = "site", + FieldType = 0 + }, + new + { + Id = 14, + DisplayName = "Name", + FieldName = "name", + FieldType = 0 + }, + new + { + Id = 15, + DisplayName = "Username", + FieldName = "samaccountname", + FieldType = 0 + }, + new + { + Id = 16, + DisplayName = "SID", + FieldName = "objectSID", + FieldType = 2 + }, + new + { + Id = 17, + DisplayName = "E-Mail Address", + FieldName = "mail", + FieldType = 0 + }, + new + { + Id = 18, + DisplayName = "Description", + FieldName = "description", + FieldType = 0 + }, + new + { + Id = 19, + DisplayName = "Display Name", + FieldName = "displayName", + FieldType = 0 + }, + new + { + Id = 20, + DisplayName = "Distinguished Name", + FieldName = "distinguishedName", + FieldType = 0 + }, + new + { + Id = 21, + DisplayName = "Member Of", + FieldName = "memberOf", + FieldType = 4 + }, + new + { + Id = 22, + DisplayName = "Company", + FieldName = "company", + FieldType = 0 + }, + new + { + Id = 23, + DisplayName = "Title", + FieldName = "title", + FieldType = 0 + }, + new + { + Id = 24, + DisplayName = "User Principal Name", + FieldName = "userPrincipalName", + FieldType = 0 + }, + new + { + Id = 25, + DisplayName = "Telephone Number", + FieldName = "telephoneNumber", + FieldType = 0 + }, + new + { + Id = 26, + DisplayName = "PO Box", + FieldName = "postOfficeBox", + FieldType = 0 + }, + new + { + Id = 27, + DisplayName = "Canonical Name", + FieldName = "cn", + FieldType = 0 + }, + new + { + Id = 28, + DisplayName = "Home Drive", + FieldName = "homeDrive", + FieldType = 3 + }, + new + { + Id = 29, + DisplayName = "Department", + FieldName = "department", + FieldType = 0 + }, + new + { + Id = 30, + DisplayName = "Middle Name", + FieldName = "middleName", + FieldType = 0 + }, + new + { + Id = 31, + DisplayName = "Pager", + FieldName = "pager", + FieldType = 0 + }, + new + { + Id = 32, + DisplayName = "OS", + FieldName = "operatingSystemVersion", + FieldType = 0 + }, + new + { + Id = 33, + DisplayName = "Account Expiration", + FieldName = "accountExpires", + FieldType = 1 + }, + new + { + Id = 34, + DisplayName = "Manager", + FieldName = "manager", + FieldType = 0 + }, + new + { + Id = 35, + DisplayName = "Photo", + FieldName = "thumbnail", + FieldType = 2 + }, + new + { + Id = 36, + DisplayName = "Log On To", + FieldName = "userWorkstations", + FieldType = 0 + }, + new + { + Id = 37, + DisplayName = "Logon Hours", + FieldName = "logonHours", + FieldType = 2 + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryFieldObjectType", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("ActiveDirectoryFieldId") + .HasColumnType("INTEGER"); + + b.Property("CustomActiveDirectoryFieldId") + .HasColumnType("INTEGER"); + + b.Property("ObjectType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("CustomActiveDirectoryFieldId"); + + b.ToTable("ActiveDirectoryFieldObjectMappings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.AppSettings", b => + { + b.Property("Id") + .HasColumnType("INTEGER"); + + b.Property("AnalyticsId") + .HasColumnType("TEXT"); + + b.Property("AppFQDN") + .HasColumnType("TEXT"); + + b.Property("AppIcon") + .HasColumnType("BLOB"); + + b.Property("AppName") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AutoUpdate") + .HasColumnType("INTEGER"); + + b.Property("AutoUpdateTime") + .HasColumnType("TEXT"); + + b.Property("ForceHTTPS") + .HasColumnType("INTEGER"); + + b.Property("InstallationCompleted") + .HasColumnType("INTEGER"); + + b.Property("LastUpdateCheck") + .HasColumnType("TEXT"); + + b.Property("MOTD") + .HasColumnType("TEXT"); + + b.Property("MyrtilleURL") + .HasColumnType("TEXT"); + + b.Property("SSLCertificateCipher") + .HasColumnType("TEXT"); + + b.Property("SendDeveloperAnalytics") + .HasColumnType("INTEGER"); + + b.Property("SendLogsToDeveloper") + .HasColumnType("INTEGER"); + + b.Property("UpdateBranch") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("UpdateDomain") + .HasColumnType("TEXT"); + + b.Property("UpdatePassword") + .HasColumnType("TEXT"); + + b.Property("UpdateUsername") + .HasColumnType("TEXT"); + + b.Property("UseUpdateCredentials") + .HasColumnType("INTEGER"); + + b.Property("UserHelpdeskURL") + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("AppSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.DirectoryEntryAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AfterAction") + .HasColumnType("TEXT"); + + b.Property("BeforeAction") + .HasColumnType("TEXT"); + + b.Property("IpAddress") + .HasColumnType("TEXT"); + + b.Property("Sid") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("Target") + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("DirectoryEntryAuditLogs"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.LogonAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AfterAction") + .HasColumnType("TEXT"); + + b.Property("BeforeAction") + .HasColumnType("TEXT"); + + b.Property("IpAddress") + .HasColumnType("TEXT"); + + b.Property("Target") + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("LogonAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.PermissionsAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AfterAction") + .HasColumnType("TEXT"); + + b.Property("BeforeAction") + .HasColumnType("TEXT"); + + b.Property("IpAddress") + .HasColumnType("TEXT"); + + b.Property("Target") + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("PermissionsAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.RequestAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AfterAction") + .HasColumnType("TEXT"); + + b.Property("BeforeAction") + .HasColumnType("TEXT"); + + b.Property("IpAddress") + .HasColumnType("TEXT"); + + b.Property("Target") + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("RequestAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.SettingsAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AfterAction") + .HasColumnType("TEXT"); + + b.Property("BeforeAction") + .HasColumnType("TEXT"); + + b.Property("IpAddress") + .HasColumnType("TEXT"); + + b.Property("Target") + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("SettingsAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Audit.SystemAuditLog", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("AfterAction") + .HasColumnType("TEXT"); + + b.Property("BeforeAction") + .HasColumnType("TEXT"); + + b.Property("IpAddress") + .HasColumnType("TEXT"); + + b.Property("Target") + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("Username") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("SystemAuditLog"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.AuthenticationSettings", b => + { + b.Property("Id") + .HasColumnType("INTEGER"); + + b.Property("AdminPassword") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("DuoApiHost") + .HasColumnType("TEXT"); + + b.Property("DuoClientId") + .HasColumnType("TEXT"); + + b.Property("DuoClientSecret") + .HasColumnType("TEXT"); + + b.Property("DuoEnabled") + .HasColumnType("INTEGER"); + + b.Property("DuoUnreachableBehavior") + .HasColumnType("INTEGER"); + + b.Property("SessionTimeout") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.ToTable("AuthenticationSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1"); + }); + + b.HasData( + new + { + Id = 1, + AdminPassword = "password", + DuoEnabled = false, + DuoUnreachableBehavior = 0, + SessionTimeout = 15 + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.ChatRoom", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("CreatedAt") + .HasColumnType("TEXT"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("IsPublic") + .HasColumnType("INTEGER"); + + b.Property("MembersHash") + .HasColumnType("INTEGER"); + + b.Property("Name") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("ChatRooms"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.UnreadChatMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("ChatMessageId") + .HasColumnType("INTEGER"); + + b.Property("ChatRoomId") + .HasColumnType("INTEGER"); + + b.Property("UserId") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("ChatMessageId"); + + b.ToTable("UnreadChatMessages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.CustomActiveDirectoryField", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("DisplayName") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("FieldName") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("FieldType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.ToTable("CustomActiveDirectoryFields"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.EmailSettings", b => + { + b.Property("Id") + .HasColumnType("INTEGER"); + + b.Property("AdminBcc") + .HasColumnType("TEXT"); + + b.Property("Enabled") + .HasColumnType("INTEGER"); + + b.Property("FromAddress") + .HasColumnType("TEXT"); + + b.Property("FromName") + .HasColumnType("TEXT"); + + b.Property("ReplyToAddress") + .HasColumnType("TEXT"); + + b.Property("ReplyToName") + .HasColumnType("TEXT"); + + b.Property("SMTPPassword") + .HasColumnType("TEXT"); + + b.Property("SMTPPort") + .HasColumnType("INTEGER"); + + b.Property("SMTPServer") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("SMTPUsername") + .HasColumnType("TEXT"); + + b.Property("UseSMTPAuth") + .HasColumnType("INTEGER"); + + b.Property("UseTLS") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.ToTable("EmailSettings", t => + { + t.HasCheckConstraint("CK_Table_Column", "[Id] = 1"); + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.EmailTemplate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("BCC") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("Body") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("CC") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("Subject") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("TemplateName") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("EmailTemplates"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.AccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("Name") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("AccessLevels"); + + b.HasData( + new + { + Id = 1, + Name = "Deny All" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ActionAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("AccessLevelId") + .HasColumnType("INTEGER"); + + b.Property("AllowOrDeny") + .HasColumnType("INTEGER"); + + b.Property("ObjectActionId") + .HasColumnType("INTEGER"); + + b.Property("ObjectType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("AccessLevelId"); + + b.HasIndex("ObjectActionId"); + + b.ToTable("ActionAccessMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Level") + .HasColumnType("INTEGER"); + + b.Property("Name") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("FieldAccessLevel"); + + b.HasData( + new + { + Id = 1, + Level = 10, + Name = "Deny" + }, + new + { + Id = 2, + Level = 100, + Name = "Read" + }, + new + { + Id = 3, + Level = 1000, + Name = "Edit" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("CustomFieldId") + .HasColumnType("INTEGER"); + + b.Property("FieldAccessLevelId") + .HasColumnType("INTEGER"); + + b.Property("FieldId") + .HasColumnType("INTEGER"); + + b.Property("ObjectType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("CustomFieldId"); + + b.HasIndex("FieldAccessLevelId"); + + b.HasIndex("FieldId"); + + b.ToTable("AccessLevelFieldMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Level") + .HasColumnType("INTEGER"); + + b.Property("Name") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("ObjectAccessLevel"); + + b.HasData( + new + { + Id = 1, + Level = 10, + Name = "Deny" + }, + new + { + Id = 2, + Level = 1000, + Name = "Read" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("AllowDisabled") + .HasColumnType("INTEGER"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("ObjectAccessLevelId") + .HasColumnType("INTEGER"); + + b.Property("ObjectType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("ObjectAccessLevelId"); + + b.ToTable("AccessLevelObjectMapping"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAction", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Action") + .HasColumnType("INTEGER"); + + b.Property("Name") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("ObjectActionFlag"); + + b.HasData( + new + { + Id = 1, + Action = 4, + Name = "Assign" + }, + new + { + Id = 2, + Action = 3, + Name = "UnAssign" + }, + new + { + Id = 3, + Action = 8, + Name = "Unlock" + }, + new + { + Id = 4, + Action = 5, + Name = "Enable" + }, + new + { + Id = 5, + Action = 6, + Name = "Disable" + }, + new + { + Id = 6, + Action = 7, + Name = "Rename" + }, + new + { + Id = 7, + Action = 0, + Name = "Move" + }, + new + { + Id = 8, + Action = 2, + Name = "Create" + }, + new + { + Id = 9, + Action = 1, + Name = "Delete" + }); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.PermissionDelegate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DelegateSid") + .IsRequired() + .HasColumnType("BLOB"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("IsSuperAdmin") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("DelegateSid") + .IsUnique(); + + b.ToTable("PermissionDelegate"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.PermissionMapping", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("OU") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("PermissionMap"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("AllowCustomGroups") + .HasColumnType("INTEGER"); + + b.Property("AskForAlternateEmail") + .HasColumnType("INTEGER"); + + b.Property("Category") + .HasColumnType("TEXT"); + + b.Property("DeletedAt") + .HasColumnType("TEXT"); + + b.Property("DisplayNameFormula") + .HasColumnType("TEXT"); + + b.Property("Name") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("ObjectType") + .HasColumnType("INTEGER"); + + b.Property("ParentOU") + .HasColumnType("TEXT"); + + b.Property("ParentTemplateId") + .HasColumnType("INTEGER"); + + b.Property("PasswordFormula") + .HasColumnType("TEXT"); + + b.Property("RequirePasswordChange") + .HasColumnType("INTEGER"); + + b.Property("SendWelcomeEmail") + .HasColumnType("INTEGER"); + + b.Property("UsernameFormula") + .HasColumnType("TEXT"); + + b.Property("Visible") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("Name") + .IsUnique(); + + b.HasIndex("ParentTemplateId"); + + b.ToTable("DirectoryTemplates"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateFieldValue", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("CustomFieldId") + .HasColumnType("INTEGER"); + + b.Property("DirectoryTemplateId") + .HasColumnType("INTEGER"); + + b.Property("Editable") + .HasColumnType("INTEGER"); + + b.Property("FieldId") + .HasColumnType("INTEGER"); + + b.Property("Required") + .HasColumnType("INTEGER"); + + b.Property("Value") + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.HasIndex("CustomFieldId"); + + b.HasIndex("DirectoryTemplateId"); + + b.HasIndex("FieldId"); + + b.ToTable("DirectoryTemplateFieldValues"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateGroup", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DirectoryTemplateId") + .HasColumnType("INTEGER"); + + b.Property("GroupSid") + .IsRequired() + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.HasIndex("DirectoryTemplateId"); + + b.ToTable("DirectoryTemplateGroups"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.AppUser", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("APIToken") + .HasColumnType("TEXT"); + + b.Property("DarkMode") + .HasColumnType("INTEGER"); + + b.Property("Email") + .HasColumnType("TEXT"); + + b.Property("ProfilePicture") + .HasColumnType("BLOB"); + + b.Property("SearchDisabledComputers") + .HasColumnType("INTEGER"); + + b.Property("SearchDisabledUsers") + .HasColumnType("INTEGER"); + + b.Property("Theme") + .HasColumnType("TEXT"); + + b.Property("UserGUID") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("Username") + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.HasIndex("UserGUID") + .IsUnique(); + + b.ToTable("UserSettings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.NotificationMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Created") + .HasColumnType("TEXT"); + + b.Property("Dismissable") + .HasColumnType("INTEGER"); + + b.Property("Expires") + .HasColumnType("TEXT"); + + b.Property("Level") + .HasColumnType("INTEGER"); + + b.Property("Link") + .HasColumnType("TEXT"); + + b.Property("Message") + .HasColumnType("TEXT"); + + b.Property("Title") + .HasColumnType("TEXT"); + + b.HasKey("Id"); + + b.ToTable("NotificationMessages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.ReadNewsItem", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("NewsItemId") + .HasColumnType("REAL"); + + b.Property("NewsItemUpdatedAt") + .HasColumnType("TEXT"); + + b.Property("UserId") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("ReadNewsItems"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserDashboardWidget", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("Order") + .HasColumnType("INTEGER"); + + b.Property("Slot") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("UserId") + .HasColumnType("INTEGER"); + + b.Property("WidgetType") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("UserDashboardWidgets"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserFavoriteEntry", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("DN") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("UserId") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("UserFavoriteEntries"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserNotification", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("IsRead") + .HasColumnType("INTEGER"); + + b.Property("NotificationId") + .HasColumnType("INTEGER"); + + b.Property("UserId") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("NotificationId"); + + b.HasIndex("UserId"); + + b.ToTable("UserNotifications"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("INTEGER"); + + b.Property("ChatRoomId") + .HasColumnType("INTEGER"); + + b.Property("Message") + .IsRequired() + .HasColumnType("TEXT"); + + b.Property("Timestamp") + .HasColumnType("TEXT"); + + b.Property("UserId") + .HasColumnType("INTEGER"); + + b.HasKey("Id"); + + b.HasIndex("ChatRoomId"); + + b.HasIndex("UserId"); + + b.ToTable("ChatMessages"); + }); + + modelBuilder.Entity("PermissionDelegatePermissionMapping", b => + { + b.Property("PermissionDelegatesId") + .HasColumnType("INTEGER"); + + b.Property("PermissionsMapsId") + .HasColumnType("INTEGER"); + + b.HasKey("PermissionDelegatesId", "PermissionsMapsId"); + + b.HasIndex("PermissionsMapsId"); + + b.ToTable("PermissionDelegatePermissionMapping"); + }); + + modelBuilder.Entity("AccessLevelFieldAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.FieldAccessMapping", null) + .WithMany() + .HasForeignKey("FieldMapId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AccessLevelObjectAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", null) + .WithMany() + .HasForeignKey("ObjectMapId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AccessLevelPermissionMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany() + .HasForeignKey("AccessLevelsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionMapping", null) + .WithMany() + .HasForeignKey("PermissionMapsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("AppUserChatRoom", b => + { + b.HasOne("BLAZAM.Database.Models.Chat.ChatRoom", null) + .WithMany() + .HasForeignKey("ChatRoomId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", null) + .WithMany() + .HasForeignKey("MembersId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.ActiveDirectoryFieldObjectType", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", null) + .WithMany("ObjectTypes") + .HasForeignKey("CustomActiveDirectoryFieldId"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.UnreadChatMessage", b => + { + b.HasOne("BLAZAM.Server.Data.ChatMessage", "ChatMessage") + .WithMany("NotReadBy") + .HasForeignKey("ChatMessageId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ChatMessage"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ActionAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.AccessLevel", null) + .WithMany("ActionMap") + .HasForeignKey("AccessLevelId"); + + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAction", "ObjectAction") + .WithMany() + .HasForeignKey("ObjectActionId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ObjectAction"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.FieldAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", "CustomField") + .WithMany() + .HasForeignKey("CustomFieldId"); + + b.HasOne("BLAZAM.Database.Models.Permissions.FieldAccessLevel", "FieldAccessLevel") + .WithMany() + .HasForeignKey("FieldAccessLevelId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.ActiveDirectoryField", "Field") + .WithMany() + .HasForeignKey("FieldId"); + + b.Navigation("CustomField"); + + b.Navigation("Field"); + + b.Navigation("FieldAccessLevel"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", "ObjectAccessLevel") + .WithMany("ObjectAccessMappings") + .HasForeignKey("ObjectAccessLevelId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ObjectAccessLevel"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", "ParentTemplate") + .WithMany() + .HasForeignKey("ParentTemplateId"); + + b.Navigation("ParentTemplate"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateFieldValue", b => + { + b.HasOne("BLAZAM.Database.Models.CustomActiveDirectoryField", "CustomField") + .WithMany() + .HasForeignKey("CustomFieldId"); + + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", null) + .WithMany("FieldValues") + .HasForeignKey("DirectoryTemplateId"); + + b.HasOne("BLAZAM.Database.Models.ActiveDirectoryField", "Field") + .WithMany() + .HasForeignKey("FieldId"); + + b.Navigation("CustomField"); + + b.Navigation("Field"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplateGroup", b => + { + b.HasOne("BLAZAM.Database.Models.Templates.DirectoryTemplate", null) + .WithMany("AssignedGroupSids") + .HasForeignKey("DirectoryTemplateId"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.ReadNewsItem", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("ReadNewsItems") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserDashboardWidget", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("DashboardWidgets") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserFavoriteEntry", b => + { + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("FavoriteEntries") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.UserNotification", b => + { + b.HasOne("BLAZAM.Database.Models.User.NotificationMessage", "Notification") + .WithMany() + .HasForeignKey("NotificationId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany("Messages") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("Notification"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.HasOne("BLAZAM.Database.Models.Chat.ChatRoom", "ChatRoom") + .WithMany("Messages") + .HasForeignKey("ChatRoomId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.User.AppUser", "User") + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("ChatRoom"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("PermissionDelegatePermissionMapping", b => + { + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionDelegate", null) + .WithMany() + .HasForeignKey("PermissionDelegatesId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("BLAZAM.Database.Models.Permissions.PermissionMapping", null) + .WithMany() + .HasForeignKey("PermissionsMapsId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Chat.ChatRoom", b => + { + b.Navigation("Messages"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.CustomActiveDirectoryField", b => + { + b.Navigation("ObjectTypes"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.AccessLevel", b => + { + b.Navigation("ActionMap"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Permissions.ObjectAccessLevel", b => + { + b.Navigation("ObjectAccessMappings"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.Templates.DirectoryTemplate", b => + { + b.Navigation("AssignedGroupSids"); + + b.Navigation("FieldValues"); + }); + + modelBuilder.Entity("BLAZAM.Database.Models.User.AppUser", b => + { + b.Navigation("DashboardWidgets"); + + b.Navigation("FavoriteEntries"); + + b.Navigation("Messages"); + + b.Navigation("ReadNewsItems"); + }); + + modelBuilder.Entity("BLAZAM.Server.Data.ChatMessage", b => + { + b.Navigation("NotReadBy"); + }); +#pragma warning restore 612, 618 + } + } +} diff --git a/BLAZAMDatabase/Migrations/Sqlite/20240607214800_Add_Welcome_EmailSqlite.cs b/BLAZAMDatabase/Migrations/Sqlite/20240607214800_Add_Welcome_EmailSqlite.cs new file mode 100644 index 00000000..d39e2fff --- /dev/null +++ b/BLAZAMDatabase/Migrations/Sqlite/20240607214800_Add_Welcome_EmailSqlite.cs @@ -0,0 +1,38 @@ +using Microsoft.EntityFrameworkCore.Migrations; + +#nullable disable + +namespace BLAZAM.Database.Migrations.Sqlite +{ + /// + public partial class Add_Welcome_EmailSqlite : Migration + { + /// + protected override void Up(MigrationBuilder migrationBuilder) + { + migrationBuilder.AddColumn( + name: "AskForAlternateEmail", + table: "DirectoryTemplates", + type: "INTEGER", + nullable: true); + + migrationBuilder.AddColumn( + name: "SendWelcomeEmail", + table: "DirectoryTemplates", + type: "INTEGER", + nullable: true); + } + + /// + protected override void Down(MigrationBuilder migrationBuilder) + { + migrationBuilder.DropColumn( + name: "AskForAlternateEmail", + table: "DirectoryTemplates"); + + migrationBuilder.DropColumn( + name: "SendWelcomeEmail", + table: "DirectoryTemplates"); + } + } +} diff --git a/BLAZAMDatabase/Migrations/Sqlite/SqliteDatabaseContextModelSnapshot.cs b/BLAZAMDatabase/Migrations/Sqlite/SqliteDatabaseContextModelSnapshot.cs index c200fee1..12258bb6 100644 --- a/BLAZAMDatabase/Migrations/Sqlite/SqliteDatabaseContextModelSnapshot.cs +++ b/BLAZAMDatabase/Migrations/Sqlite/SqliteDatabaseContextModelSnapshot.cs @@ -15,7 +15,7 @@ partial class SqliteDatabaseContextModelSnapshot : ModelSnapshot protected override void BuildModel(ModelBuilder modelBuilder) { #pragma warning disable 612, 618 - modelBuilder.HasAnnotation("ProductVersion", "7.0.18"); + modelBuilder.HasAnnotation("ProductVersion", "7.0.19"); modelBuilder.Entity("AccessLevelFieldAccessMapping", b => { @@ -1205,6 +1205,9 @@ protected override void BuildModel(ModelBuilder modelBuilder) b.Property("AllowCustomGroups") .HasColumnType("INTEGER"); + b.Property("AskForAlternateEmail") + .HasColumnType("INTEGER"); + b.Property("Category") .HasColumnType("TEXT"); @@ -1233,6 +1236,9 @@ protected override void BuildModel(ModelBuilder modelBuilder) b.Property("RequirePasswordChange") .HasColumnType("INTEGER"); + b.Property("SendWelcomeEmail") + .HasColumnType("INTEGER"); + b.Property("UsernameFormula") .HasColumnType("TEXT"); diff --git a/BLAZAMDatabase/Models/EmailTemplates.cs b/BLAZAMDatabase/Models/EmailTemplates.cs index 8afbfebb..366d9c8a 100644 --- a/BLAZAMDatabase/Models/EmailTemplates.cs +++ b/BLAZAMDatabase/Models/EmailTemplates.cs @@ -1,11 +1,22 @@ namespace BLAZAM.Database.Models { + + public enum EmailTemplateType + { + NewUserWelcome, + EntryCreated, + EntryRenamed, + EntryEdited, + EntryEnabledOrDisabled, + EntryAssignedOrUnassigned, + EntryDeleted, + EntryPasswordChanged + } public class EmailTemplate : AppDbSetBase { - public string TemplateName { get; set; } + public EmailTemplateType TemplateType { get; set; } public string Subject { get; set; } public string Body { get; set; } - public string CC { get; set; } - public string BCC { get; set; } } + } diff --git a/BLAZAMDatabase/Models/Templates/DirectoryTemplate.cs b/BLAZAMDatabase/Models/Templates/DirectoryTemplate.cs index 6dd09d50..2cab05f3 100644 --- a/BLAZAMDatabase/Models/Templates/DirectoryTemplate.cs +++ b/BLAZAMDatabase/Models/Templates/DirectoryTemplate.cs @@ -131,7 +131,7 @@ public List InheritedAssignedGroupSids public List FieldValues { get; set; } = new(); [NotMapped] - public List InheritedFieldValues + public List EffectiveFieldValues { get { @@ -139,7 +139,7 @@ public List InheritedFieldValues if (ParentTemplate != null) { - foreach (var fieldvalue in ParentTemplate.InheritedFieldValues) + foreach (var fieldvalue in ParentTemplate.EffectiveFieldValues) { if (!allFieldValues.Any(fv => (fv.Field != null && fv.Field.Equals(fieldvalue.Field)) || (fv.CustomField != null && fv.CustomField.Equals(fieldvalue.CustomField)))) @@ -161,6 +161,7 @@ public bool? EffectiveAllowCustomGroups { get { + return GetEffectiveValue(t => t.AllowCustomGroups, t => t.EffectiveAllowCustomGroups); if (AllowCustomGroups == null) return ParentTemplate?.EffectiveAllowCustomGroups; else @@ -169,16 +170,46 @@ public bool? EffectiveAllowCustomGroups set => AllowCustomGroups = value; } + public bool? AskForAlternateEmail { get; set; } + [NotMapped] + public bool? EffectiveAskForAlternateEmail + { + get + { + + return GetEffectiveValue(t => t.AskForAlternateEmail, t => t.EffectiveAskForAlternateEmail); + + if (AskForAlternateEmail == null) + return ParentTemplate?.EffectiveAskForAlternateEmail; + else + return AskForAlternateEmail; + } + set => AskForAlternateEmail = value; + } + public bool? SendWelcomeEmail { get; set; } + [NotMapped] + public bool? EffectiveSendWelcomeEmail + { + get + { + return GetEffectiveValue(t => t.SendWelcomeEmail, t => t.EffectiveSendWelcomeEmail); + if (SendWelcomeEmail == null) + return ParentTemplate?.EffectiveSendWelcomeEmail; + else + return SendWelcomeEmail; + } + set => SendWelcomeEmail = value; + } public bool IsValueOverriden(DirectoryTemplateFieldValue fieldValue) { return ParentTemplate != null && FieldValues.Contains(fieldValue) - && ParentTemplate.InheritedFieldValues.Any(fv => + && ParentTemplate.EffectiveFieldValues.Any(fv => (fv.Field != null && fv.Field.Equals(fieldValue.Field)) || (fv.CustomField != null && fv.CustomField.Equals(fieldValue.CustomField))); } @@ -274,7 +305,7 @@ private static int RandomNumber() } public bool HasEmptyFields() { - return InheritedFieldValues.Any(fv => fv.Editable); + return EffectiveFieldValues.Any(fv => fv.Editable); } public string GenerateDisplayName(NewUserName newUser) { diff --git a/BLAZAMEmail/BLAZAMEmail.csproj b/BLAZAMEmail/BLAZAMEmail.csproj index 6f1c4559..2197dd71 100644 --- a/BLAZAMEmail/BLAZAMEmail.csproj +++ b/BLAZAMEmail/BLAZAMEmail.csproj @@ -10,6 +10,7 @@ + diff --git a/BLAZAMEmail/Services/EmailService.cs b/BLAZAMEmail/Services/EmailService.cs index 27301d4c..5d2ecbe4 100644 --- a/BLAZAMEmail/Services/EmailService.cs +++ b/BLAZAMEmail/Services/EmailService.cs @@ -16,6 +16,9 @@ using BLAZAM.EmailMessage.Email; using BLAZAM.Common.Data; using BLAZAM.Static; +using PreMailer.Net; +using BLAZAM.FileSystem; +using BLAZAM.EmailMessage.Email.Base; namespace BLAZAM.Email.Services { @@ -69,39 +72,34 @@ private async Task GetSmtpClientAsync() { try { - await client.ConnectAsync(settings.SMTPServer, settings.SMTPPort, settings.UseTLS); + client.RequireTLS = settings.UseTLS; + // Connect to the server + await client.ConnectAsync(settings.SMTPServer, settings.SMTPPort, settings.UseTLS); if (settings.UseSMTPAuth) - try - { - await client.AuthenticateAsync(settings.SMTPUsername, settings.SMTPPassword); - } - catch (Exception ex) - { - Loggers.SystemLogger.Error(ex, "SMTP Authentication failure"); - } + { + // Authenticate with the server + await client.AuthenticateAsync(settings.SMTPUsername, settings.SMTPPassword); + } + return client; } catch (SslHandshakeException ex) { - switch (ex.HResult) - { - case -2146233088: - throw new EmailException("An error occurred while attempting to establish" + - " an SSL or TLS connection.\r\n\r\nWhen connecting to an SMTP service, port" + - " 587 is typically reserved for plain-text connections. If you intended" + - " to connect to SMTP on the SSL port, try connecting to port 465 instead."); - } + throw new EmailException("SSL Handshake Exception: " + ex.Message, ex); } - catch + catch (MailKit.Security.AuthenticationException ex) { - + throw new EmailException("Authentication Exception: " + ex.Message, ex); + } + catch (Exception ex) + { + throw new ApplicationException("Unknown error building email client: " + ex.Message, ex); } - } - throw new ApplicationException("Unknown error building email client"); + throw new ApplicationException("Invalid email settings"); } private EmailSettings? GetSettings() @@ -109,13 +107,13 @@ private async Task GetSmtpClientAsync() return Factory.CreateDbContext().EmailSettings.FirstOrDefault(); } - private MimeMessage BuildMessage(string subject, string to, string? cc = null, string? bcc = null, EmailTemplate? template = null) where T : IComponent + public MimeMessage BuildMessage(string subject, string to, string? cc = null, string? bcc = null, EmailTemplate? template = null) where T : IComponent { var htmlBody = WrapMessage(); return BuildMessage(subject, to, htmlBody, cc, bcc, template); } - private MimeMessage BuildGenericMessage(string subject, string to, MarkupString header, MarkupString body, string? cc = null, string? bcc = null, EmailTemplate? template = null) + public MimeMessage BuildGenericMessage(string subject, string to, MarkupString header, MarkupString body, string? cc = null, string? bcc = null, EmailTemplate? template = null) { var htmlBody = WrapGenericMessage(header, body); return BuildMessage(subject, to, htmlBody, cc, bcc, template); @@ -146,7 +144,9 @@ private MimeMessage BuildMessage(string subject, string to, string body, string? //Generate attachment ID image.ContentId = MimeUtils.GenerateMessageId(); //Replace logo placeholder in template with referenced img tag - builder.HtmlBody = body.Replace("{{ApplicationLogo}}", ""); + body = body.Replace("{{ApplicationLogo}}", ""); + body = PrepareHTMLForEmail(body); + builder.HtmlBody = body; //Compile body email.Body = builder.ToMessageBody(); @@ -161,7 +161,13 @@ private MimeMessage BuildMessage(string subject, string to, string body, string? throw new ApplicationException("Unknown error creating email message."); } - + public string PrepareHTMLForEmail(string body) + { + SystemFile css = new SystemFile(ApplicationInfo.applicationRoot + "\\wwwroot\\lib\\mudblazor\\css\\mudblazor.min.css"); + var preMailer = new PreMailer.Net.PreMailer(body); + body = preMailer.MoveCssInline(stripIdAndClassAttributes: true,css:css.ReadAllText()).Html; + return body; + } public async Task SendMessage(string subject, string to, MarkupString header, MarkupString body, string? cc = null, string? bcc = null) { @@ -207,6 +213,28 @@ public async Task SendMessage(string subject, string to, string? cc = n } } + public async Task SendMessage(string subject, EmailTemplateComponent body, string to, string? cc = null, string? bcc = null) + { + try + { + var client = await GetSmtpClientAsync(); + + + var message = BuildMessage(subject, to,body.Render(), cc, bcc); + + return await TrySend(client, message); + } + catch (EmailException ex) + { + throw ex; + + + } + catch(Exception ex) + { + throw ex; + } + } public async Task SendTestEmail(string to) { try @@ -214,7 +242,8 @@ public async Task SendTestEmail(string to) var client = await GetSmtpClientAsync(); - var message = BuildGenericMessage("BLAZAM Test Email", to, (MarkupString)"Success", (MarkupString)"Your email settings are correct."); + var message = BuildMessage("BLAZAM Test Email", to); + //var message = BuildGenericMessage("BLAZAM Test Email", to, (MarkupString)"Success", (MarkupString)"Your email settings are correct."); return await TrySend(client, message); } @@ -226,5 +255,7 @@ public async Task SendTestEmail(string to) } } + + } } diff --git a/BLAZAMEmailMessage/BLAZAMEmailMessage.csproj b/BLAZAMEmailMessage/BLAZAMEmailMessage.csproj index 2b08e687..97b89b17 100644 --- a/BLAZAMEmailMessage/BLAZAMEmailMessage.csproj +++ b/BLAZAMEmailMessage/BLAZAMEmailMessage.csproj @@ -14,10 +14,13 @@ + + + diff --git a/BLAZAMEmailMessage/DefaultEmailLayout.razor b/BLAZAMEmailMessage/DefaultEmailLayout.razor index 19670819..9ae6650a 100644 --- a/BLAZAMEmailMessage/DefaultEmailLayout.razor +++ b/BLAZAMEmailMessage/DefaultEmailLayout.razor @@ -114,172 +114,175 @@ text-decoration: underline; } - @@media (max-width: 480px) { - #u_content_heading_6 .v-container-padding-padding { - padding: 10px 10px 65px !important; - } + .bg-white { + background-color: #ffffff !important; + } - #u_content_heading_6 .v-font-size { - font-size: 23px !important; - } + #u_content_heading_6 .v-container-padding-padding { + padding: 10px 10px 10px !important; + } - #u_content_heading_5 .v-container-padding-padding { - padding: 40px 10px 10px !important; - } + #u_content_heading_6 .v-font-size { + font-size: 23px !important; + } - #u_content_heading_5 .v-font-size { - font-size: 23px !important; - } + #u_content_heading_5 .v-container-padding-padding { + padding: 40px 10px 10px !important; + } - #u_content_text_22 .v-container-padding-padding { - padding: 5px 10px 40px !important; - } + #u_content_heading_5 .v-font-size { + font-size: 23px !important; + } - #u_column_21 .v-col-background-color { - background-color: #ffffff !important; - } + #u_content_text_22 .v-container-padding-padding { + padding: 5px 10px 40px !important; + } - #u_column_21 .v-col-padding { - padding: 0px !important; - } + #u_column_21 .v-col-background-color { + background-color: #ffffff !important; + } - #u_column_21 .v-col-border { - border-top: 0px solid transparent !important; - border-left: 0px solid transparent !important; - border-right: 0px solid transparent !important; - border-bottom: 0px solid transparent !important; - } + #u_column_21 .v-col-padding { + padding: 0px !important; + } - #u_content_image_9 .v-src-width { - width: auto !important; - } + #u_column_21 .v-col-border { + border-top: 0px solid transparent !important; + border-left: 0px solid transparent !important; + border-right: 0px solid transparent !important; + border-bottom: 0px solid transparent !important; + } - #u_content_image_9 .v-src-max-width { - max-width: 65% !important; - } + #u_content_image_9 .v-src-width { + width: auto !important; + } - #u_content_text_25 .v-color { - color: #000000 !important; - } + #u_content_image_9 .v-src-max-width { + max-width: 65% !important; + } - #u_content_text_25 .v-text-align { - text-align: center !important; - } + #u_content_text_25 .v-color { + color: #000000 !important; + } - #u_content_text_26 .v-container-padding-padding { - padding: 0px 10px 40px !important; - } + #u_content_text_25 .v-text-align { + text-align: center !important; + } - #u_content_text_26 .v-color { - color: #7e8c8d !important; - } + #u_content_text_26 .v-container-padding-padding { + padding: 0px 10px 40px !important; + } - #u_content_text_26 .v-text-align { - text-align: center !important; - } + #u_content_text_26 .v-color { + color: #7e8c8d !important; + } - #u_column_22 .v-col-background-color { - background-color: #ecf0f1 !important; - } + #u_content_text_26 .v-text-align { + text-align: center !important; + } - #u_column_22 .v-col-border { - border-top: 0px solid transparent !important; - border-left: 0px solid transparent !important; - border-right: 0px solid transparent !important; - border-bottom: 0px solid transparent !important; - } + #u_column_22 .v-col-background-color { + background-color: #ecf0f1 !important; + } - #u_content_image_10 .v-container-padding-padding { - padding: 40px 0px 0px !important; - } + #u_column_22 .v-col-border { + border-top: 0px solid transparent !important; + border-left: 0px solid transparent !important; + border-right: 0px solid transparent !important; + border-bottom: 0px solid transparent !important; + } - #u_content_image_10 .v-src-width { - width: auto !important; - } + #u_content_image_10 .v-container-padding-padding { + padding: 40px 0px 0px !important; + } - #u_content_image_10 .v-src-max-width { - max-width: 65% !important; - } + #u_content_image_10 .v-src-width { + width: auto !important; + } - #u_content_text_27 .v-color { - color: #000000 !important; - } + #u_content_image_10 .v-src-max-width { + max-width: 65% !important; + } - #u_content_text_27 .v-text-align { - text-align: center !important; - } + #u_content_text_27 .v-color { + color: #000000 !important; + } - #u_content_text_28 .v-container-padding-padding { - padding: 0px 10px 40px !important; - } + #u_content_text_27 .v-text-align { + text-align: center !important; + } - #u_content_text_28 .v-color { - color: #7e8c8d !important; - } + #u_content_text_28 .v-container-padding-padding { + padding: 0px 10px 40px !important; + } - #u_content_text_28 .v-text-align { - text-align: center !important; - } + #u_content_text_28 .v-color { + color: #7e8c8d !important; + } - #u_column_23 .v-col-background-color { - background-color: #ffffff !important; - } + #u_content_text_28 .v-text-align { + text-align: center !important; + } - #u_column_23 .v-col-border { - border-top: 0px solid transparent !important; - border-left: 0px solid transparent !important; - border-right: 0px solid transparent !important; - border-bottom: 0px solid transparent !important; - } + #u_column_23 .v-col-background-color { + background-color: #ffffff !important; + } - #u_content_image_8 .v-container-padding-padding { - padding: 40px 0px 0px !important; - } + #u_column_23 .v-col-border { + border-top: 0px solid transparent !important; + border-left: 0px solid transparent !important; + border-right: 0px solid transparent !important; + border-bottom: 0px solid transparent !important; + } - #u_content_image_8 .v-src-width { - width: auto !important; - } + #u_content_image_8 .v-container-padding-padding { + padding: 40px 0px 0px !important; + } - #u_content_image_8 .v-src-max-width { - max-width: 65% !important; - } + #u_content_image_8 .v-src-width { + width: auto !important; + } - #u_content_text_23 .v-color { - color: #000000 !important; - } + #u_content_image_8 .v-src-max-width { + max-width: 65% !important; + } - #u_content_text_23 .v-text-align { - text-align: center !important; - } + #u_content_text_23 .v-color { + color: #000000 !important; + } - #u_content_text_24 .v-color { - color: #7e8c8d !important; - } + #u_content_text_23 .v-text-align { + text-align: center !important; + } - #u_content_text_24 .v-text-align { - text-align: center !important; - } + #u_content_text_24 .v-color { + color: #7e8c8d !important; + } - #u_content_text_29 .v-container-padding-padding { - padding: 0px 10px 10px !important; - } + #u_content_text_24 .v-text-align { + text-align: center !important; + } - #u_content_button_1 .v-container-padding-padding { - padding: 10px 10px 40px !important; - } + #u_content_text_29 .v-container-padding-padding { + padding: 0px 10px 10px !important; + } - #u_content_button_1 .v-size-width { - width: 65% !important; - } + #u_content_button_1 .v-container-padding-padding { + padding: 10px 10px 40px !important; + } - #u_content_text_deprecated_1 .v-container-padding-padding { - padding: 40px 10px 10px !important; - } + #u_content_button_1 .v-size-width { + width: 65% !important; + } - #u_content_menu_1 .v-padding { - padding: 5px 10px !important; - } + #u_content_text_deprecated_1 .v-container-padding-padding { + padding: 40px 10px 10px !important; } + + #u_content_menu_1 .v-padding { + padding: 5px 10px !important; + } + @@ -287,31 +290,36 @@ - - - + +
-
- - - - - + + + + + + + + + + + +
+ + +
+ + +
+ + +
- - + @@ -320,5 +328,5 @@ @code { - + } \ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/CSSClasses.razor b/BLAZAMEmailMessage/Email/Base/CSSClasses.razor new file mode 100644 index 00000000..de46e4cf --- /dev/null +++ b/BLAZAMEmailMessage/Email/Base/CSSClasses.razor @@ -0,0 +1,15780 @@ + \ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/EmailBody.razor b/BLAZAMEmailMessage/Email/Base/EmailBody.razor index c316445a..2ae1b838 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailBody.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailBody.razor @@ -1,41 +1,7 @@ -
-
-
- - -
-
- -
- - @Body - -
- -
-
- - -
-
-
- + + @Body + @code { [Parameter] public RenderFragment? Body { get; set; } diff --git a/BLAZAMEmailMessage/Email/Base/EmailFooter.razor b/BLAZAMEmailMessage/Email/Base/EmailFooter.razor index 5512a4b0..ead034e1 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailFooter.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailFooter.razor @@ -1,43 +1,4 @@ -
-
-
- - -
-
- -
- - - - -
- -
-
- - -
-
-
- + + +@* *@ + diff --git a/BLAZAMEmailMessage/Email/Base/EmailHeader.razor b/BLAZAMEmailMessage/Email/Base/EmailHeader.razor index 2e5af60b..86d912d5 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailHeader.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailHeader.razor @@ -1,27 +1,6 @@ - -
-
-
- + + - -
-
-
\ No newline at end of file + \ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/EmailHeaderIcon.razor b/BLAZAMEmailMessage/Email/Base/EmailHeaderIcon.razor index 1d0cdd41..fc2e6a7e 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailHeaderIcon.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailHeaderIcon.razor @@ -1,37 +1,9 @@ @using BLAZAM.Static; - -
-
- -
- - - - - - - -
- - - - - - -
- {{ApplicationLogo}} -
-
- -
- -
-
- + +
+ {{ApplicationLogo}} +
+ @code { byte[]? appIconBytes; protected override void OnInitialized() diff --git a/BLAZAMEmailMessage/Email/Base/EmailHeaderText.razor b/BLAZAMEmailMessage/Email/Base/EmailHeaderText.razor index 44dfe0bb..d4f12d4e 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailHeaderText.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailHeaderText.razor @@ -1,30 +1,11 @@ - -
-
- -
- - - - - - - - - -
- -
-
- + + + @emailHeaderText
 + + @code { string? emailHeaderText; protected override void OnInitialized() @@ -41,4 +22,4 @@ } - } \ No newline at end of file +} \ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/EmailSiteNavigation.razor b/BLAZAMEmailMessage/Email/Base/EmailSiteNavigation.razor index 2dbaeb6c..215e5e30 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailSiteNavigation.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailSiteNavigation.razor @@ -1,81 +1,19 @@ - - - - - - - \ No newline at end of file +
+ @if (DatabaseCache.ApplicationSettings != null && DatabaseCache.ApplicationSettings.AppFQDN != null && DatabaseCache.ApplicationSettings.AppFQDN != String.Empty) + { + var appURL = DatabaseCache.ApplicationSettings.AppFQDN; + if (DatabaseCache.ApplicationSettings.ForceHTTPS) + { + appURL = "https://" + appURL; + } + else + { + appURL = "http://" + appURL; + } + Blazam + } + else + { + Blazam + } +
\ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/EmailTemplateBody.razor b/BLAZAMEmailMessage/Email/Base/EmailTemplateBody.razor index 92365529..2b81dfd3 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailTemplateBody.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailTemplateBody.razor @@ -1,17 +1,10 @@ - - - - - - - -@code{ + + + @ChildContent + + + +@code { [Parameter] public RenderFragment? ChildContent { get; set; } - } \ No newline at end of file +} \ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/EmailTemplateComponent.cs b/BLAZAMEmailMessage/Email/Base/EmailTemplateComponent.cs new file mode 100644 index 00000000..6616673e --- /dev/null +++ b/BLAZAMEmailMessage/Email/Base/EmailTemplateComponent.cs @@ -0,0 +1,35 @@ + +using BLAZAM.Common.Data; +using BLAZAM.Localization; +using BlazorTemplater; +using Microsoft.AspNetCore.Components; +using Microsoft.Extensions.Localization; + +namespace BLAZAM.EmailMessage.Email.Base +{ + public class EmailTemplateComponent : ComponentBase + { + [Inject] + protected IStringLocalizer AppLocalization { get; set; } + [Inject] + protected ApplicationInfo ApplicationInfo { get; set; } + [Parameter] + public MarkupString Header { get; set; } + [Parameter] + public MarkupString Body { get; set; } + + + + + + public virtual string Render() => new ComponentRenderer() + .UseLayout() + .AddServiceProvider(ApplicationInfo.services) + .Set(c => c.Header, Header) + .Set(c => c.Body, Body).Render(); + + + + + } +} \ No newline at end of file diff --git a/BLAZAMEmailMessage/Email/Base/EmailTemplateComponent.razor b/BLAZAMEmailMessage/Email/Base/EmailTemplateComponent.razor deleted file mode 100644 index e2dcf215..00000000 --- a/BLAZAMEmailMessage/Email/Base/EmailTemplateComponent.razor +++ /dev/null @@ -1,12 +0,0 @@ - - -@code { - - [Parameter] - public MarkupString Header { get; set; } - [Parameter] - public MarkupString Body { get; set; } - - - -} diff --git a/BLAZAMEmailMessage/Email/Base/EmailTemplateHeader.razor b/BLAZAMEmailMessage/Email/Base/EmailTemplateHeader.razor index cf9fd392..6a76a045 100644 --- a/BLAZAMEmailMessage/Email/Base/EmailTemplateHeader.razor +++ b/BLAZAMEmailMessage/Email/Base/EmailTemplateHeader.razor @@ -1,9 +1,10 @@ - diff --git a/BLAZAMEmailMessage/Email/GenericEmailMessage.razor b/BLAZAMEmailMessage/Email/GenericEmailMessage.razor index 452a4870..fc68f989 100644 --- a/BLAZAMEmailMessage/Email/GenericEmailMessage.razor +++ b/BLAZAMEmailMessage/Email/GenericEmailMessage.razor @@ -10,7 +10,8 @@ @code{ - + + } diff --git a/BLAZAMEmailMessage/Email/NewUserWelcomeEmailMessage.razor b/BLAZAMEmailMessage/Email/NewUserWelcomeEmailMessage.razor new file mode 100644 index 00000000..96cad1a7 --- /dev/null +++ b/BLAZAMEmailMessage/Email/NewUserWelcomeEmailMessage.razor @@ -0,0 +1,53 @@ +@using BLAZAM.ActiveDirectory.Interfaces +@using BLAZAM.Helpers +@using System.Security +@inherits EmailTemplateComponent + + + @AppLocalization["Welcome"] + + + + @(AppLocalization["You have a new account in the "]+Domain+AppLocalization[" domain. Find your logon details below."]) +
+ + + + + + + + + + + + + + +@code{ + [Parameter] + public string? Domain{get;set;} + [Parameter] + public string? Username{get;set;} + [Parameter] + + public SecureString? Password{get;set;} + + public override string Render() => new ComponentRenderer() + .UseLayout() + .AddServiceProvider(ApplicationInfo.services) + .Set(c => c.Domain, Domain) + .Set(c => c.Username, Username) + .Set(c => c.Password, Password).Render(); +} + + + diff --git a/BLAZAMEmailMessage/Email/TestEmailMessage.razor b/BLAZAMEmailMessage/Email/TestEmailMessage.razor new file mode 100644 index 00000000..b176977b --- /dev/null +++ b/BLAZAMEmailMessage/Email/TestEmailMessage.razor @@ -0,0 +1,20 @@ + +@inherits EmailTemplateComponent + + + @AppLocalization["Success"] + + + + + + @AppLocalization["Your email settings are correct."] + + + +@code{ + +} + + + diff --git a/BLAZAMEmailMessage/_Imports.razor b/BLAZAMEmailMessage/_Imports.razor index ec08951f..e9cf2e63 100644 --- a/BLAZAMEmailMessage/_Imports.razor +++ b/BLAZAMEmailMessage/_Imports.razor @@ -1,3 +1,7 @@ @using Microsoft.AspNetCore.Components.Web @using BLAZAM.EmailMessage.Email.Base @using BLAZAM.Database.Context; +@using MudBlazor +@using BlazorTemplater; +@using BLAZAM.Common.Data; + diff --git a/BLAZAMGui/Navs/NavMenu.razor b/BLAZAMGui/Navs/NavMenu.razor index 343d817f..2ecf26c9 100644 --- a/BLAZAMGui/Navs/NavMenu.razor +++ b/BLAZAMGui/Navs/NavMenu.razor @@ -50,6 +50,7 @@ @AppLocalization["Settings"] + @AppLocalization["Notifications"] @AppLocalization["Permissions"] @AppLocalization["Fields"] @AppLocalization["Templates"] diff --git a/BLAZAMGui/UI/AppModal.razor.cs b/BLAZAMGui/UI/AppModal.razor.cs index 3e4942c3..0e5b1dbf 100644 --- a/BLAZAMGui/UI/AppModal.razor.cs +++ b/BLAZAMGui/UI/AppModal.razor.cs @@ -147,10 +147,11 @@ public void RefreshView() return Modal?.Show(null,Options); } + /// /// Hide this modal /// - public void Hide() + public void Close() { IsShown = false; Modal?.Close(); @@ -160,7 +161,7 @@ private void YesClicked() if (OnYes != null) OnYes?.Invoke(); else - Hide(); + Close(); } /// /// Sets the modal to be fullscreen, disabled by passing false. diff --git a/BLAZAMGui/UI/AppModalContent.razor b/BLAZAMGui/UI/AppModalContent.razor index 98719757..4f1279cd 100644 --- a/BLAZAMGui/UI/AppModalContent.razor +++ b/BLAZAMGui/UI/AppModalContent.razor @@ -11,7 +11,7 @@ /// protected void Close() { - Modal.Hide(); + Modal.Close(); InvokeAsync(StateHasChanged); } diff --git a/BLAZAMGui/UI/SessionExpirationWarningProvider.razor b/BLAZAMGui/UI/SessionExpirationWarningProvider.razor index 8ba7f367..295045e0 100644 --- a/BLAZAMGui/UI/SessionExpirationWarningProvider.razor +++ b/BLAZAMGui/UI/SessionExpirationWarningProvider.razor @@ -9,7 +9,7 @@ YesText=@AppLocalization["Refresh Session"] OnYes=@(()=>{ JSRuntime.InvokeVoidAsync("updateCookieExpiration"); - ExpirationWarningModal?.Hide(); + ExpirationWarningModal?.Close(); })> @if (ExpirationWarningModal?.IsShown == true) @@ -18,7 +18,7 @@ var timeLeft = _ticket?.Properties.ExpiresUtc - DateTime.UtcNow; if (timeLeft.HasValue && timeLeft.Value.TotalMilliseconds < 0) { - ExpirationWarningModal.Hide(); + ExpirationWarningModal.Close(); if (ExpiredModal != null) { ExpiredModal.AllowClose = false; diff --git a/BLAZAMGui/UI/Settings/AvailableUpdate.razor b/BLAZAMGui/UI/Settings/AvailableUpdate.razor index 18ba7873..a0138939 100644 --- a/BLAZAMGui/UI/Settings/AvailableUpdate.razor +++ b/BLAZAMGui/UI/Settings/AvailableUpdate.razor @@ -19,16 +19,24 @@ - @if (Update.Newer && !Disabled) + @if (Update.Newer && Update.PassesPrerequisiteChecks) { Apply Update @if (ApplicationInfo.InDebugMode) - { + { Test Auto Update } } + else if (Update.Newer && !Update.PassesPrerequisiteChecks) + { + + + @AppLocalization["Unable to update!"] + + @Update.PrequisiteMessage + } @@ -38,8 +46,7 @@ [Parameter] public ApplicationUpdate Update { get; set; } - [Parameter] - public bool Disabled { get; set; } = false; + [Parameter] public bool Even { get; set; } = false; @@ -124,7 +131,11 @@ } } - private bool CurrentVersion => ApplicationInfo.RunningVersion.CompareTo(Update.Version) == 0; + protected override void OnInitialized() + { + base.OnInitialized(); + + } } \ No newline at end of file diff --git a/BLAZAMGui/UI/Settings/EmailSettings.razor b/BLAZAMGui/UI/Settings/EmailSettings.razor index 94b9fe1f..10186cdd 100644 --- a/BLAZAMGui/UI/Settings/EmailSettings.razor +++ b/BLAZAMGui/UI/Settings/EmailSettings.razor @@ -1,3 +1,4 @@ +@using BLAZAM.EmailMessage.Email @inherits SettingsComponents @@ -37,6 +38,7 @@ + - Send Test Email + Send Test Email + @if (ApplicationInfo.InDebugMode) + { + + @((MarkupString)emailPreview) + + + } Save Changes + + + @code { -#nullable disable warnings + #nullable disable warnings + string emailPreview; BLAZAM.Database.Models.EmailSettings settings = new BLAZAM.Database.Models.EmailSettings(); string testRecipient; protected override async Task OnInitializedAsync() @@ -114,6 +129,12 @@ settings = set; } } + //NewUserWelcomeEmailMessage message = new NewUserWelcomeEmailMessage(); + //var user= Directory.Users.FindUserByUsername("cjacobsen"); + //message.User = user; + //var html = message.Render(); + //emailPreview = EmailService.PrepareHTMLForEmail(html); + emailPreview = EmailService.BuildMessage("BLAZAM Test Email", "to@test.com").HtmlBody; LoadingData = false; await InvokeAsync(StateHasChanged); @@ -122,19 +143,24 @@ { try { + LoadingData = true; + await InvokeAsync(StateHasChanged); await EmailService.SendTestEmail(testRecipient); await MessageService.Success("A test email was sent to " + testRecipient, "Test Email Sent"); - + } catch (Exception ex) { await MessageService.Error(ex.Message, "Test Failed"); } + LoadingData = false; + await InvokeAsync(StateHasChanged); } protected override void Save() { if (settings.Id == 0 && Context != null) { + settings.Id = 1; Context.EmailSettings.Add(settings); } AuditLogger.System.SettingsChanged("Email", settings.GetChanges(originalSettings)); diff --git a/BLAZAMGui/UI/Settings/ManualApplicationUpdater.razor b/BLAZAMGui/UI/Settings/ManualApplicationUpdater.razor index 2d51094d..b602ce3a 100644 --- a/BLAZAMGui/UI/Settings/ManualApplicationUpdater.razor +++ b/BLAZAMGui/UI/Settings/ManualApplicationUpdater.razor @@ -63,7 +63,7 @@ default: - + @{ int i = 0; } @@ -94,19 +94,19 @@ { - + i++; } } - @if (UpdateService.LatestUpdate.Version.CompareTo(ApplicationInfo.RunningVersion) > -1) + @if (UpdateService.LatestUpdate.Version.NewerThan(ApplicationInfo.RunningVersion)) { } - @if (LatestAvailableVersion != null && LatestAvailableVersion.Version.CompareTo(ApplicationInfo.RunningVersion) < 1) + @if (LatestAvailableVersion != null && !LatestAvailableVersion.Version.OlderThan(ApplicationInfo.RunningVersion)) { diff --git a/BLAZAMGui/UI/Settings/Notifications/NotificationTemplates.razor b/BLAZAMGui/UI/Settings/Notifications/NotificationTemplates.razor new file mode 100644 index 00000000..64c8cd36 --- /dev/null +++ b/BLAZAMGui/UI/Settings/Notifications/NotificationTemplates.razor @@ -0,0 +1,17 @@ +@inherits AppComponentBase +

NotificationTemplates

+ +@code { + List templates = new(); + IEnumerable selectedValues; + protected override async Task OnInitializedAsync() + { + await base.OnInitializedAsync(); + + var temp = await Context.EmailTemplates.ToListAsync(); + if(temp!=null && temp.Count > 0) + { + templates = temp; + } + } +} diff --git a/BLAZAMGui/UI/Settings/Permissions/AddPrivilegeLevelModalContent.razor b/BLAZAMGui/UI/Settings/Permissions/AddPrivilegeLevelModalContent.razor index 005fe245..2781e106 100644 --- a/BLAZAMGui/UI/Settings/Permissions/AddPrivilegeLevelModalContent.razor +++ b/BLAZAMGui/UI/Settings/Permissions/AddPrivilegeLevelModalContent.razor @@ -45,7 +45,7 @@ return result.ObjectType==ActiveDirectoryObjectType.User|| result.ObjectType==Ac Context.PermissionDelegate.Add(NewPermissionDelegate); await Context.SaveChangesAsync(); NewPermissionDelegate = new PermissionDelegate(); - Modal?.Hide(); + Modal?.Close(); await DelegateAdded.InvokeAsync(); return; } diff --git a/BLAZAMGui/UI/Settings/Permissions/DelegateEditor.razor b/BLAZAMGui/UI/Settings/Permissions/DelegateEditor.razor index e2775070..31d3f6db 100644 --- a/BLAZAMGui/UI/Settings/Permissions/DelegateEditor.razor +++ b/BLAZAMGui/UI/Settings/Permissions/DelegateEditor.razor @@ -102,7 +102,7 @@ SnackBarService.Success("Delegate restored"); if (AllDelegates.Where(l => l.DeletedAt != null).Count() < 1) { - trashModal.Hide(); + trashModal.Close(); } } private async void DelegatesChanged() diff --git a/BLAZAMGui/UI/Settings/Templates/EditDirectoryTemplate.razor b/BLAZAMGui/UI/Settings/Templates/EditDirectoryTemplate.razor index a8dab918..84289a41 100644 --- a/BLAZAMGui/UI/Settings/Templates/EditDirectoryTemplate.razor +++ b/BLAZAMGui/UI/Settings/Templates/EditDirectoryTemplate.razor @@ -10,88 +10,90 @@ @AppLocalization["Current Template:"] @originalTemplate.Name - - - - - - - - - - - - + Label=@AppLocalization["Parent Template"] + Values="@dropdownTemplates.OrderBy(t=>t.Name)" + Value="@DirectoryTemplate.ParentTemplate" + ValueChanged="@ParentTemplateChanged" /> + + + + + + + + + + + - - {fn}:First Name
- - + + {fn}:First Name
+ + - {fi}:First Initial
- - - {mn}:Middle Name
- - - {mi}:Middle Initial
- - - {ln}:Last Name
- - - {li}:Last Initial
- - - {username}:Username
- - - {AlphaNum[u/l]}:Random letter or number (optional force uppercase/lowercase)
- - - {Alpha[u/l]}:Random letter (optional force uppercase/lowercase)
- - - {Num}:Random number
+ {fi}:First Initial
+ + + {mn}:Middle Name
+ + + {mi}:Middle Initial
+ + + {ln}:Last Name
+ + + {li}:Last Initial
+ + + {username}:Username
+ + + {AlphaNum[u/l]}:Random letter or number (optional force uppercase/lowercase)
+ + + {Alpha[u/l]}:Random letter (optional force uppercase/lowercase)
+ + + {Num}:Random number
- - -
+ + +
- - @{ + + @{ var usernameFromTemplate = GetParentOfValue(DirectoryTemplate.EffectiveUsernameFormula, template => template.UsernameFormula); var displayNameFromTemplateName = GetParentOfValue(DirectoryTemplate.EffectiveDisplayNameFormula, template => template.DisplayNameFormula); var passwordFromTemplateName = GetParentOfValue(DirectoryTemplate.EffectivePasswordFormula, template => template.PasswordFormula); ; var requirePasswordChangeFromTemplateName = GetParentOfValue(DirectoryTemplate.EffectiveRequirePasswordChange, template => template.RequirePasswordChange); ; + var sendWelcomeEmailFromTemplateName = GetParentOfValue(DirectoryTemplate.EffectiveSendWelcomeEmail, template => template.SendWelcomeEmail); ; + var askForAlternateEmailFromTemplateName = GetParentOfValue(DirectoryTemplate.EffectiveAskForAlternateEmail, template => template.AskForAlternateEmail); ; } @@ -137,13 +139,35 @@ await ParentTemplateChanged(null); + Color="@(DirectoryTemplate.EffectiveRequirePasswordChange==true?Color.Success:Color.Warning)" + @bind-Value=DirectoryTemplate.EffectiveRequirePasswordChange /> @if (DirectoryTemplate.ParentTemplate != null && DirectoryTemplate.ParentTemplate.EffectiveRequirePasswordChange != DirectoryTemplate.EffectiveRequirePasswordChange) { { DirectoryTemplate.RequirePasswordChange=null;}) /> } + + + + @if(DirectoryTemplate.EffectiveSendWelcomeEmail==true && DirectoryTemplate.EffectiveAskForAlternateEmail!=true && + (DirectoryTemplate.EffectiveFieldValues.Any(fv => fv.Field.Id == ActiveDirectoryFields.Mail.Id) && !DirectoryTemplate.EffectiveFieldValues.First(fv => fv.Field.Id == ActiveDirectoryFields.Mail.Id).Value.IsNullOrEmpty())) + { + + @AppLocalization["Send Email is true while ask for email is false, you have also set an email value. Welcome Emails will be sent to the email generated by Blazam! This is likely unintended behavior!"] + + } + + + + + + + @@ -177,8 +201,8 @@ await ParentTemplateChanged(null); field.FieldName != "distinguishedName" && field.FieldName != "memberOf" && field.FieldName != "objectSID" && - !DirectoryTemplate.InheritedFieldValues.Any(f => f.Field?.Equals(field) == true) && - !DirectoryTemplate.InheritedFieldValues.Any(f => f.CustomField?.Equals(field) == true) && + !DirectoryTemplate.EffectiveFieldValues.Any(f => f.Field?.Equals(field) == true) && + !DirectoryTemplate.EffectiveFieldValues.Any(f => f.CustomField?.Equals(field) == true) && field.IsFieldAppropriateForObject(DirectoryTemplate.ObjectType)) { { @@ -189,7 +213,7 @@ await ParentTemplateChanged(null); } })> @field.DisplayName - + } @@ -201,7 +225,7 @@ await ParentTemplateChanged(null);
- @cellContext.Item.FieldDisplayName - - - - - - - - {ValueChanged(newValue,cellContext.Item);}) /> - - - - - - - - - - - - - - - - - - @if (DirectoryTemplate.IsValueOverriden(cellContext.Item)) + + + + + + + + {ValueChanged(newValue,cellContext.Item);}) /> + + + + + + + + + + + + + + + + + + @if (DirectoryTemplate.IsValueOverriden(cellContext.Item)) { {await RemoveField(cellContext.Item);}) /> } @@ -343,7 +367,7 @@ await ParentTemplateChanged(null); @buttonText - @if (DirectoryTemplate.Id == 0) + @if (DirectoryTemplate.Id == 0) { Cancel diff --git a/BLAZAMGui/UI/Settings/Templates/TemplatesHeader.razor b/BLAZAMGui/UI/Settings/Templates/TemplatesHeader.razor deleted file mode 100644 index f482ff47..00000000 --- a/BLAZAMGui/UI/Settings/Templates/TemplatesHeader.razor +++ /dev/null @@ -1,5 +0,0 @@ -@inherits TemplateComponent - -@code { - -} diff --git a/BLAZAMGui/UI/Settings/UpdateSettings.razor b/BLAZAMGui/UI/Settings/UpdateSettings.razor index f3c38494..b729c08e 100644 --- a/BLAZAMGui/UI/Settings/UpdateSettings.razor +++ b/BLAZAMGui/UI/Settings/UpdateSettings.razor @@ -26,13 +26,13 @@ The Active Directory Credentials are validated for updating. - + break; case UpdateCredential.Update: The Update Credentials are validated for updating. - + break; case UpdateCredential.None: @@ -41,10 +41,18 @@ break; - + } } + if (!UpdateService.LatestUpdate.PassesPrerequisiteChecks) + { + + @AppLocalization["Unable to update!"] + @(UpdateService.LatestUpdate.PrequisiteMessage) + + + } @@ -59,7 +67,7 @@ @if (settings.UseUpdateCredentials) { @@ -113,7 +121,7 @@ - + @@ -123,10 +131,10 @@ - + @@ -139,7 +147,7 @@ + @bind-Time="@settings.AutoUpdateTime" /> @@ -161,7 +169,7 @@ @code { string? newUpdatePassword; string? updatePasswordInDb; - UpdateCredential? updateCredential=null; + UpdateCredential? updateCredential = null; ManualApplicationUpdater? appUpdateComponent; AppSettings? settings = new AppSettings(); List updateBranches = new() { ApplicationReleaseBranches.Stable, ApplicationReleaseBranches.Nightly, ApplicationReleaseBranches.Dev }; @@ -177,7 +185,7 @@ //Pull encrypted update pass and store encrypted value await Task.Run(() => - + { updatePasswordInDb = settings?.UpdatePassword; newUpdatePassword = updatePasswordInDb; diff --git a/BLAZAMGui/UI/Users/NewTemplateUser.razor b/BLAZAMGui/UI/Users/NewTemplateUser.razor index 26f12622..b449a68e 100644 --- a/BLAZAMGui/UI/Users/NewTemplateUser.razor +++ b/BLAZAMGui/UI/Users/NewTemplateUser.razor @@ -41,12 +41,17 @@ } @if (InDirectoryTemplate(ActiveDirectoryFields.Mail)) { - + @if (DirectoryTemplate.EffectiveSendWelcomeEmail == true && DirectoryTemplate.EffectiveAskForAlternateEmail != true && + (DirectoryTemplate.EffectiveFieldValues.Any(fv => fv.Field.Id == ActiveDirectoryFields.Mail.Id) && !DirectoryTemplate.EffectiveFieldValues.First(fv => fv.Field.Id == ActiveDirectoryFields.Mail.Id).Value.IsNullOrEmpty())) + { + + } + Required=@((DirectoryTemplate.EffectiveSendWelcomeEmail == true && DirectoryTemplate.EffectiveAskForAlternateEmail != true)|| + IsRequiredTemplateField(ActiveDirectoryFields.Mail)) /> @@ -288,7 +293,7 @@ @if (User.CanReadAnyCustomFields) {
- @foreach (var field in DirectoryTemplate.InheritedFieldValues.Where(f => f.CustomField != null)) + @foreach (var field in DirectoryTemplate.EffectiveFieldValues.Where(f => f.CustomField != null)) { @if (field.CustomField != null) { @@ -338,7 +343,7 @@ bool InDirectoryTemplate(IActiveDirectoryField field) { - return DirectoryTemplate.InheritedFieldValues.Any(f => (f.Field != null && f.Field.FieldName == field.FieldName) || (f.CustomField != null && f.CustomField.FieldName == field.FieldName)); + return DirectoryTemplate.EffectiveFieldValues.Any(f => (f.Field != null && f.Field.FieldName == field.FieldName) || (f.CustomField != null && f.CustomField.FieldName == field.FieldName)); } bool IsEditableTemplateField(IActiveDirectoryField field) { @@ -346,9 +351,9 @@ //if (IsAdmin) return true; if (field is ActiveDirectoryField) - return DirectoryTemplate.InheritedFieldValues.Any(f => f.Field.FieldName == field.FieldName && f.Editable); + return DirectoryTemplate.EffectiveFieldValues.Any(f => f.Field.FieldName == field.FieldName && f.Editable); else - return DirectoryTemplate.InheritedFieldValues.Any(f => f.CustomField.FieldName == field.FieldName && f.Editable); + return DirectoryTemplate.EffectiveFieldValues.Any(f => f.CustomField.FieldName == field.FieldName && f.Editable); } bool IsRequiredTemplateField(IActiveDirectoryField field) @@ -356,9 +361,9 @@ if (field is ActiveDirectoryField) - return DirectoryTemplate.InheritedFieldValues.Any(f => f.Field.FieldName == field.FieldName && f.Required); + return DirectoryTemplate.EffectiveFieldValues.Any(f => f.Field.FieldName == field.FieldName && f.Required); else - return DirectoryTemplate.InheritedFieldValues.Any(f => f.CustomField.FieldName == field.FieldName && f.Required); + return DirectoryTemplate.EffectiveFieldValues.Any(f => f.CustomField.FieldName == field.FieldName && f.Required); } diff --git a/BLAZAMGui/UI/Users/SendNewUserWelcomeToModalContent.razor b/BLAZAMGui/UI/Users/SendNewUserWelcomeToModalContent.razor new file mode 100644 index 00000000..d353a944 --- /dev/null +++ b/BLAZAMGui/UI/Users/SendNewUserWelcomeToModalContent.razor @@ -0,0 +1,27 @@ +@inherits AppModalContent + + + + @AppLocalization["Send login credentials to"] + + + + +@code { + protected override void OnInitialized() + { + base.OnInitialized(); + Modal.OnYes = OnSubmit; + } + string sendToEmail; + + [Parameter] + public EventCallback OnSubmitEmail { get; set; } + + private void OnSubmit() + { + + OnSubmitEmail.InvokeAsync(sendToEmail); + + } +} diff --git a/BLAZAMUpdate/ApplicationUpdate.cs b/BLAZAMUpdate/ApplicationUpdate.cs index 599dd43a..0cbc1f0a 100644 --- a/BLAZAMUpdate/ApplicationUpdate.cs +++ b/BLAZAMUpdate/ApplicationUpdate.cs @@ -12,6 +12,7 @@ using BLAZAM.Helpers; using System.Security.Principal; using BLAZAM.Jobs; +using Microsoft.Extensions.Localization; namespace BLAZAM.Update { @@ -35,7 +36,7 @@ public class ApplicationUpdate /// /// The version of this update /// - public ApplicationVersion Version { get => Release.Version; } + public ApplicationVersion Version { get => Release.Version; set => Release.Version = value; } public string Branch { get => Release.Branch; } @@ -125,11 +126,12 @@ private string CommandArguments public AppEvent DownloadPercentageChanged { get; set; } - + ApplicationVersion _runningVersion; Process _runningProcess; SystemDirectory _applicationRootDirectory; + public ApplicationUpdate(ApplicationInfo applicationInfo, IAppDatabaseFactory dbFactory) { _dbFactory = dbFactory; @@ -145,21 +147,38 @@ public ApplicationUpdate(ApplicationInfo applicationInfo, IAppDatabaseFactory db /// public bool Newer { - get { return Version.CompareTo(_runningVersion) > 0; } + get { return Version.NewerThan(_runningVersion); } } public IApplicationRelease Release { get; set; } - + public List> PreRequisiteChecks { get; private set; } = new(); + + public bool PassesPrerequisiteChecks + { + get + { + if (PreRequisiteChecks.Count == 0) return true; + foreach (var check in PreRequisiteChecks) + { + if (!check.Invoke()) + { + return false; + } + } + return true; + } + } + public string PrequisiteMessage { get; internal set; } public IJob GetUpdateJob() { - + if (cancellationTokenSource == null || cancellationTokenSource.IsCancellationRequested) cancellationTokenSource = new CancellationTokenSource(); - + IJob updateJob = new Job("Applying application update", "System", cancellationTokenSource); updateJob.StopOnFailedStep = true; var cleanDownloadStep = new JobStep("Cleaning previous downloads", CleanDownload); @@ -168,7 +187,7 @@ public IJob GetUpdateJob() var stageStep = new JobStep("Extract files", ExtractFiles); var stagingCheckStep = new JobStep("Check prepared files", (step) => { return UpdateStagingDirectory.Exists; }); var bakupStep = new JobStep("Create backup", Backup); - var updateUpdaterStep = new JobStep("Apply Files", InitiateFileCopy) ; + var updateUpdaterStep = new JobStep("Apply Files", InitiateFileCopy); updateJob.Steps.Add(cleanDownloadStep); updateJob.Steps.Add(downloadStep); updateJob.Steps.Add(cleanStageStep); @@ -177,11 +196,11 @@ public IJob GetUpdateJob() updateJob.Steps.Add(bakupStep); updateJob.Steps.Add(updateUpdaterStep); return updateJob; - - - - + + + + @@ -262,7 +281,7 @@ private bool ApplyFiles() Loggers.UpdateLogger?.Information("Running update as: " + WindowsIdentity.GetCurrent().Name); Loggers.UpdateLogger?.Information("Updating updater"); - + SystemDirectory updaterDirFromStagedUpdate = new SystemDirectory(UpdateStagingDirectory.Path + "\\updater\\"); SystemDirectory updaterDir = new SystemDirectory(_applicationRootDirectory.Path + "updater\\"); @@ -328,7 +347,7 @@ public async Task Backup(JobStep? step) return false; } } - + public async Task CleanDownload(IJobStep? step) { @@ -339,7 +358,7 @@ public async Task CleanDownload(IJobStep? step) try { UpdateDownloadDirectory.ClearDirectory(); - + return true; } @@ -443,11 +462,11 @@ public async Task Download(JobStep? step) await streamToWriteTo.WriteAsync(buffer, 0, bytesRead); totalBytesRead += bytesRead; progress.CompletedBytes = totalBytesRead; - if (step != null ) + if (step != null) { step.Progress = progress.FilePercentage; } - + DownloadPercentageChanged?.Invoke(progress); } else diff --git a/BLAZAMUpdate/BLAZAMUpdate.csproj b/BLAZAMUpdate/BLAZAMUpdate.csproj index 256054c5..069c8553 100644 --- a/BLAZAMUpdate/BLAZAMUpdate.csproj +++ b/BLAZAMUpdate/BLAZAMUpdate.csproj @@ -18,6 +18,7 @@ + diff --git a/BLAZAMUpdate/Services/AutoUpdateService.cs b/BLAZAMUpdate/Services/AutoUpdateService.cs index 5c9f8d23..952a5c9a 100644 --- a/BLAZAMUpdate/Services/AutoUpdateService.cs +++ b/BLAZAMUpdate/Services/AutoUpdateService.cs @@ -49,7 +49,7 @@ private void CleanDirectories(object? state) try { var fileVersion = new ApplicationVersion(file.Name); - if (fileVersion.CompareTo(_applicationInfo.RunningVersion) < 0 && file.SinceLastModified > TimeSpan.FromDays(1)) + if (fileVersion.OlderThan(_applicationInfo.RunningVersion) && file.SinceLastModified > TimeSpan.FromDays(1)) { if (file.Writable) { @@ -116,7 +116,7 @@ private void CleanDirectories(object? state) var dirVersion = new ApplicationVersion(dir.Name); if (dirVersion != null) { - if (dirVersion.CompareTo(_applicationInfo.RunningVersion) < 0) + if (dirVersion.OlderThan(_applicationInfo.RunningVersion)) { if (dir.Writable) { @@ -188,7 +188,7 @@ private async void CheckForUpdate(object? state) Loggers.UpdateLogger.Information("Checking for automatic update"); var latestUpdate = await updateService.GetUpdates(); - if (latestUpdate != null && latestUpdate.Version.CompareTo(_applicationInfo.RunningVersion) > 0){ + if (latestUpdate != null && latestUpdate.Version.NewerThan(_applicationInfo.RunningVersion)){ IsUpdateAvailable = true; if(appSettings.AutoUpdate && appSettings.AutoUpdateTime != null) { diff --git a/BLAZAMUpdate/Services/UpdateService.cs b/BLAZAMUpdate/Services/UpdateService.cs index d59087ad..eb426c1b 100644 --- a/BLAZAMUpdate/Services/UpdateService.cs +++ b/BLAZAMUpdate/Services/UpdateService.cs @@ -9,6 +9,9 @@ using System.Security.Principal; using System.Reflection.Metadata.Ecma335; using System.Diagnostics; +using BLAZAM.Localization; +using Microsoft.AspNetCore.Components; +using Microsoft.Extensions.Localization; namespace BLAZAM.Update.Services { @@ -23,7 +26,8 @@ public enum UpdateCredential { None, Application, Active_Directory, Update }; public class UpdateService : UpdateServiceBase { - + [Inject] + protected IStringLocalizer AppLocalization { get; set; } /// /// The latest available update for the configured /// @@ -115,7 +119,7 @@ private async Task GetReleases() var latestStableUpdate = EncapsulateUpdate(latestStableRelease, ApplicationReleaseBranches.Stable); var latestBranchUpdate = EncapsulateUpdate(latestRelease, SelectedBranch); //Override branch if stable has more recent release - if (latestStableUpdate!=null && latestStableUpdate.Version.CompareTo(latestBranchUpdate.Version)>0) + if (latestStableUpdate!=null && latestStableUpdate.Version.NewerThan(latestBranchUpdate.Version)) { LatestUpdate = latestStableUpdate; } @@ -124,6 +128,28 @@ private async Task GetReleases() LatestUpdate = latestBranchUpdate; } + if (Debugger.IsAttached) + { + ApplicationUpdate? testUpdate = EncapsulateUpdate(latestRelease, SelectedBranch); + + testUpdate.PreRequisiteChecks.Add(new(() => { + if (!ApplicationInfo.isUnderIIS && !PrerequisiteChecker.CheckForAspCore()) + { + testUpdate.PrequisiteMessage = "ASP NET Core 8 Runtime is missing."; + return false; + + } + if (ApplicationInfo.isUnderIIS && !PrerequisiteChecker.CheckForAspCoreHosting()) + { + testUpdate.PrequisiteMessage = "ASP NET Core 8 Web Hosting Bundle is missing."; + return false; + + } + return true; + })); + testUpdate.Version = new ApplicationVersion("1.0.0.2024.07.01.0000"); + LatestUpdate = testUpdate; + } } /// @@ -151,30 +177,49 @@ private async Task SetBranch() if (SelectedBranch == null) SelectedBranch = ApplicationReleaseBranches.Stable; } - private ApplicationUpdate? EncapsulateUpdate(Release? latestRelease, string Branch) + private ApplicationUpdate? EncapsulateUpdate(Release? releaseToEncapsulate, string Branch) { - ApplicationVersion? latestVer = null; + ApplicationVersion? releaseVersion = null; //Get the release filename to prepare a version object - var filename = Path.GetFileNameWithoutExtension(latestRelease?.Assets.FirstOrDefault()?.Name); + var filename = Path.GetFileNameWithoutExtension(releaseToEncapsulate?.Assets.FirstOrDefault()?.Name); //Create that version object if (filename == null) throw new ApplicationUpdateException("Filename could not be retrieved from GitHub"); - latestVer = new ApplicationVersion(filename.Substring(filename.IndexOf("-v") + 2)); + releaseVersion = new ApplicationVersion(filename.Substring(filename.IndexOf("-v") + 2)); + - if (latestRelease != null && latestVer != null) + if (releaseToEncapsulate != null && releaseVersion != null) { IApplicationRelease release = new ApplicationRelease { Branch = Branch, - GitHubRelease = latestRelease, - Version = latestVer, + GitHubRelease = releaseToEncapsulate, + Version = releaseVersion, }; - return new ApplicationUpdate(_applicationInfo, _dbFactory) { Release = release }; - + var update = new ApplicationUpdate(_applicationInfo, _dbFactory) { Release = release }; + if(releaseVersion.NewerThan(new ApplicationVersion("0.9.99"))) + { + update.PreRequisiteChecks.Add(new(() => { + if (!ApplicationInfo.isUnderIIS && !PrerequisiteChecker.CheckForAspCore()) + { + update.PrequisiteMessage = AppLocalization["ASP NET Core 8 Runtime is missing."]; + return false; + + } + if (ApplicationInfo.isUnderIIS && !PrerequisiteChecker.CheckForAspCoreHosting()) + { + update.PrequisiteMessage = AppLocalization["ASP NET Core 8 Web Hosting Bundle is missing."]; + return false; + + } + return true; + })); + } + return update; } return null; } @@ -282,6 +327,5 @@ private bool TestDirectoryCredentials() /// public bool HasWritePermission => UpdateCredential != UpdateCredential.None; - } } diff --git a/BlazamUpdate/BLAZAMUpdate.csproj b/BlazamUpdate/BLAZAMUpdate.csproj index 256054c5..069c8553 100644 --- a/BlazamUpdate/BLAZAMUpdate.csproj +++ b/BlazamUpdate/BLAZAMUpdate.csproj @@ -18,6 +18,7 @@ +