Connected.Components/wwwroot/Components.css

@charset "UTF-8";
/*!
 * MudBlazor (https://mudblazor.com/)
 * Copyright (c) 2021 MudBlazor
 * Licensed under MIT (https://github.com/MudBlazor/MudBlazor/blob/master/LICENSE)
 */
.primary {
  background-color: var(--palette-primary) !important;
}

.primary-text {
  color: var(--palette-primary) !important;
}

.primary-hover {
  background-color: var(--palette-primary-hover) !important;
}

.hover\:primary-hover:hover, .hover\:primary-hover:focus-visible {
  background-color: var(--palette-primary-hover) !important;
}

.border-primary {
  border-color: var(--palette-primary) !important;
}

.theme-primary {
  color: var(--palette-primary-text) !important;
  background-color: var(--palette-primary) !important;
}

.secondary {
  background-color: var(--palette-secondary) !important;
}

.secondary-text {
  color: var(--palette-secondary) !important;
}

.secondary-hover {
  background-color: var(--palette-secondary-hover) !important;
}

.hover\:secondary-hover:hover, .hover\:secondary-hover:focus-visible {
  background-color: var(--palette-secondary-hover) !important;
}

.border-secondary {
  border-color: var(--palette-secondary) !important;
}

.theme-secondary {
  color: var(--palette-secondary-text) !important;
  background-color: var(--palette-secondary) !important;
}

.tertiary {
  background-color: var(--palette-tertiary) !important;
}

.tertiary-text {
  color: var(--palette-tertiary) !important;
}

.tertiary-hover {
  background-color: var(--palette-tertiary-hover) !important;
}

.hover\:tertiary-hover:hover, .hover\:tertiary-hover:focus-visible {
  background-color: var(--palette-tertiary-hover) !important;
}

.border-tertiary {
  border-color: var(--palette-tertiary) !important;
}

.theme-tertiary {
  color: var(--palette-tertiary-text) !important;
  background-color: var(--palette-tertiary) !important;
}

.info {
  background-color: var(--palette-info) !important;
}

.info-text {
  color: var(--palette-info) !important;
}

.info-hover {
  background-color: var(--palette-info-hover) !important;
}

.hover\:info-hover:hover, .hover\:info-hover:focus-visible {
  background-color: var(--palette-info-hover) !important;
}

.border-info {
  border-color: var(--palette-info) !important;
}

.theme-info {
  color: var(--palette-info-text) !important;
  background-color: var(--palette-info) !important;
}

.success {
  background-color: var(--palette-success) !important;
}

.success-text {
  color: var(--palette-success) !important;
}

.success-hover {
  background-color: var(--palette-success-hover) !important;
}

.hover\:success-hover:hover, .hover\:success-hover:focus-visible {
  background-color: var(--palette-success-hover) !important;
}

.border-success {
  border-color: var(--palette-success) !important;
}

.theme-success {
  color: var(--palette-success-text) !important;
  background-color: var(--palette-success) !important;
}

.warning {
  background-color: var(--palette-warning) !important;
}

.warning-text {
  color: var(--palette-warning) !important;
}

.warning-hover {
  background-color: var(--palette-warning-hover) !important;
}

.hover\:warning-hover:hover, .hover\:warning-hover:focus-visible {
  background-color: var(--palette-warning-hover) !important;
}

.border-warning {
  border-color: var(--palette-warning) !important;
}

.theme-warning {
  color: var(--palette-warning-text) !important;
  background-color: var(--palette-warning) !important;
}

.error {
  background-color: var(--palette-error) !important;
}

.error-text {
  color: var(--palette-error) !important;
}

.error-hover {
  background-color: var(--palette-error-hover) !important;
}

.hover\:error-hover:hover, .hover\:error-hover:focus-visible {
  background-color: var(--palette-error-hover) !important;
}

.border-error {
  border-color: var(--palette-error) !important;
}

.theme-error {
  color: var(--palette-error-text) !important;
  background-color: var(--palette-error) !important;
}

.dark {
  background-color: var(--palette-dark) !important;
}

.dark-text {
  color: var(--palette-dark) !important;
}

.dark-hover {
  background-color: var(--palette-dark-hover) !important;
}

.hover\:dark-hover:hover, .hover\:dark-hover:focus-visible {
  background-color: var(--palette-dark-hover) !important;
}

.border-dark {
  border-color: var(--palette-dark) !important;
}

.theme-dark {
  color: var(--palette-dark-text) !important;
  background-color: var(--palette-dark) !important;
}

.inherit-text {
  color: inherit !important;
}

.border-lines-default {
  border-color: var(--palette-lines-default);
}

.background {
  background-color: var(--palette-background) !important;
}

.background-gray {
  background-color: var(--palette-background-grey) !important;
}

.theme-transparent {
  color: inherit !important;
  background-color: transparent !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

.text-primary {
  color: var(--palette-text-primary);
}

.text-secondary {
  color: var(--palette-text-secondary);
}

.text-disabled {
  color: var(--palette-text-disabled);
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: solid;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

strong, b {
  font-weight: 700;
}

body {
  color: var(--palette-text-primary);
  font-family: var(--typography-default-family);
  font-size: var(--typography-default-size);
  font-weight: var(--typography-default-weight);
  line-height: var(--typography-default-lineheight);
  letter-spacing: var(--typography-default-letterspacing);
  text-transform: var(--typography-default-text-transform);
  background-color: var(--palette-background);
}

a {
  color: var(--palette-text-primary);
}

.layout {
  height: 100%;
  width: 100%;
  position: relative;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

#components-reconnect-modal {
  z-index: 9999 !important;
}
#components-reconnect-modal h5 {
  font-size: 18px;
}
#components-reconnect-modal button {
  color: var(--palette-text-primary);
  padding: 8px 16px;
  font-size: 0.875rem;
  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;
  font-weight: 500;
  line-height: 1;
  border-radius: var(--default-borderradius);
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  margin: 40px auto !important;
}
#components-reconnect-modal button:hover {
  background-color: var(--palette-action-default-hover);
}

@keyframes animation-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes animation-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animation-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes animation-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes animation-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes skeleton-keyframes-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes skeleton-keyframes-wave {
  0% {
    transform: translateX(-100%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@-webkit-keyframes progress-circular-keyframes-circular-rotate {
  0% {
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes progress-circular-keyframes-circular-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
@-webkit-keyframes progress-linear-horizontal-keyframes-indeterminate1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes progress-linear-horizontal-keyframes-indeterminate2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-webkit-keyframes progress-linear-horizontal-keyframes-buffer {
  0% {
    opacity: 1;
    background-position: 0 -23px;
  }
  50% {
    opacity: 0;
    background-position: 0 -23px;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@-webkit-keyframes progress-linear-vertical-keyframes-indeterminate1 {
  0% {
    bottom: -35%;
    top: 100%;
  }
  60% {
    bottom: 100%;
    top: -90%;
  }
  100% {
    bottom: 100%;
    top: -90%;
  }
}
@-webkit-keyframes progress-linear-vertical-keyframes-indeterminate2 {
  0% {
    bottom: -200%;
    top: 100%;
  }
  60% {
    bottom: 107%;
    top: -8%;
  }
  100% {
    bottom: 107%;
    top: -8%;
  }
}
@-webkit-keyframes progress-linear-vertical-keyframes-buffer {
  0% {
    opacity: 1;
    background-position: -23px 0;
  }
  50% {
    opacity: 0;
    background-position: -23px 0;
  }
  100% {
    opacity: 1;
    background-position: -23px -200px;
  }
}
@keyframes progress-linear-striped-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 300px 0;
  }
}
a {
  text-decoration: none;
}
a:focus-visible {
  outline: none;
}

label {
  display: inline-block;
}

button {
  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;
}

button:focus {
  outline: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

iframe {
  border: none;
  height: 100%;
  width: 100%;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.elevation-0 {
  box-shadow: var(--elevation-0);
}

.elevation-1 {
  box-shadow: var(--elevation-1);
}

.elevation-2 {
  box-shadow: var(--elevation-2);
}

.elevation-3 {
  box-shadow: var(--elevation-3);
}

.elevation-4 {
  box-shadow: var(--elevation-4);
}

.elevation-5 {
  box-shadow: var(--elevation-5);
}

.elevation-6 {
  box-shadow: var(--elevation-6);
}

.elevation-7 {
  box-shadow: var(--elevation-7);
}

.elevation-8 {
  box-shadow: var(--elevation-8);
}

.elevation-9 {
  box-shadow: var(--elevation-9);
}

.elevation-10 {
  box-shadow: var(--elevation-10);
}

.elevation-11 {
  box-shadow: var(--elevation-11);
}

.elevation-12 {
  box-shadow: var(--elevation-12);
}

.elevation-13 {
  box-shadow: var(--elevation-13);
}

.elevation-14 {
  box-shadow: var(--elevation-14);
}

.elevation-15 {
  box-shadow: var(--elevation-15);
}

.elevation-16 {
  box-shadow: var(--elevation-16);
}

.elevation-17 {
  box-shadow: var(--elevation-17);
}

.elevation-18 {
  box-shadow: var(--elevation-18);
}

.elevation-19 {
  box-shadow: var(--elevation-19);
}

.elevation-20 {
  box-shadow: var(--elevation-20);
}

.elevation-21 {
  box-shadow: var(--elevation-21);
}

.elevation-22 {
  box-shadow: var(--elevation-22);
}

.elevation-23 {
  box-shadow: var(--elevation-23);
}

.elevation-24 {
  box-shadow: var(--elevation-24);
}

.elevation-25 {
  box-shadow: var(--elevation-25);
}

.alert {
  display: flex;
  padding: 6px 16px;
  border-radius: var(--default-borderradius);
  background-color: transparent;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.alert.square {
  border-radius: 0px;
}
.alert.dense {
  padding: 0px 12px;
}

.alert-text-normal {
  color: var(--palette-text-primary);
  background-color: var(--palette-dark-hover);
}
.alert-text-primary {
  color: var(--palette-primary-darken);
  background-color: var(--palette-primary-hover);
}
.alert-text-primary .alert-icon {
  color: var(--palette-primary);
}
.alert-text-secondary {
  color: var(--palette-secondary-darken);
  background-color: var(--palette-secondary-hover);
}
.alert-text-secondary .alert-icon {
  color: var(--palette-secondary);
}
.alert-text-tertiary {
  color: var(--palette-tertiary-darken);
  background-color: var(--palette-tertiary-hover);
}
.alert-text-tertiary .alert-icon {
  color: var(--palette-tertiary);
}
.alert-text-info {
  color: var(--palette-info-darken);
  background-color: var(--palette-info-hover);
}
.alert-text-info .alert-icon {
  color: var(--palette-info);
}
.alert-text-success {
  color: var(--palette-success-darken);
  background-color: var(--palette-success-hover);
}
.alert-text-success .alert-icon {
  color: var(--palette-success);
}
.alert-text-warning {
  color: var(--palette-warning-darken);
  background-color: var(--palette-warning-hover);
}
.alert-text-warning .alert-icon {
  color: var(--palette-warning);
}
.alert-text-error {
  color: var(--palette-error-darken);
  background-color: var(--palette-error-hover);
}
.alert-text-error .alert-icon {
  color: var(--palette-error);
}
.alert-text-dark {
  color: var(--palette-dark-darken);
  background-color: var(--palette-dark-hover);
}
.alert-text-dark .alert-icon {
  color: var(--palette-dark);
}

.alert-outlined-normal {
  color: var(--palette-text-primary);
  border: 1px solid var(--palette-text-primary);
}
.alert-outlined-primary {
  color: var(--palette-primary-darken);
  border: 1px solid var(--palette-primary);
}
.alert-outlined-primary .alert-icon {
  color: var(--palette-primary);
}
.alert-outlined-secondary {
  color: var(--palette-secondary-darken);
  border: 1px solid var(--palette-secondary);
}
.alert-outlined-secondary .alert-icon {
  color: var(--palette-secondary);
}
.alert-outlined-tertiary {
  color: var(--palette-tertiary-darken);
  border: 1px solid var(--palette-tertiary);
}
.alert-outlined-tertiary .alert-icon {
  color: var(--palette-tertiary);
}
.alert-outlined-info {
  color: var(--palette-info-darken);
  border: 1px solid var(--palette-info);
}
.alert-outlined-info .alert-icon {
  color: var(--palette-info);
}
.alert-outlined-success {
  color: var(--palette-success-darken);
  border: 1px solid var(--palette-success);
}
.alert-outlined-success .alert-icon {
  color: var(--palette-success);
}
.alert-outlined-warning {
  color: var(--palette-warning-darken);
  border: 1px solid var(--palette-warning);
}
.alert-outlined-warning .alert-icon {
  color: var(--palette-warning);
}
.alert-outlined-error {
  color: var(--palette-error-darken);
  border: 1px solid var(--palette-error);
}
.alert-outlined-error .alert-icon {
  color: var(--palette-error);
}
.alert-outlined-dark {
  color: var(--palette-dark-darken);
  border: 1px solid var(--palette-dark);
}
.alert-outlined-dark .alert-icon {
  color: var(--palette-dark);
}

.alert-filled-normal {
  color: var(--palette-dark-text);
  font-weight: 500;
  background-color: var(--palette-dark);
}
.alert-filled-primary {
  color: var(--palette-primary-text);
  font-weight: 500;
  background-color: var(--palette-primary);
}
.alert-filled-secondary {
  color: var(--palette-secondary-text);
  font-weight: 500;
  background-color: var(--palette-secondary);
}
.alert-filled-tertiary {
  color: var(--palette-tertiary-text);
  font-weight: 500;
  background-color: var(--palette-tertiary);
}
.alert-filled-info {
  color: var(--palette-info-text);
  font-weight: 500;
  background-color: var(--palette-info);
}
.alert-filled-success {
  color: var(--palette-success-text);
  font-weight: 500;
  background-color: var(--palette-success);
}
.alert-filled-warning {
  color: var(--palette-warning-text);
  font-weight: 500;
  background-color: var(--palette-warning);
}
.alert-filled-error {
  color: var(--palette-error-text);
  font-weight: 500;
  background-color: var(--palette-error);
}
.alert-filled-dark {
  color: var(--palette-dark-text);
  font-weight: 500;
  background-color: var(--palette-dark);
}

.alert-icon {
  display: flex;
  opacity: 0.9;
  padding: 7px 0;
  font-size: 22px;
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset;
}
.alert-icon.alert-icon-left {
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset;
}
.alert-icon.alert-icon-right {
  margin-left: 12px;
  margin-inline-start: 12px;
  margin-inline-end: unset;
}

.alert-message {
  padding: 9px 0;
}

.alert-position {
  flex: 1;
  display: flex;
}

.alert-close {
  display: flex;
  flex: 0;
  align-items: center;
  margin-left: 8px;
}

.badge-root {
  position: relative;
  display: inline-block;
}
.badge-root .badge-wrapper {
  top: 0;
  left: 0;
  flex: 0 1;
  width: 100%;
  height: 100%;
  display: flex;
  pointer-events: none;
  position: absolute;
}
.badge-root .badge-wrapper.badge-top {
  align-items: flex-start;
}
.badge-root .badge-wrapper.badge-top.left {
  justify-content: flex-start;
}
.badge-root .badge-wrapper.badge-top.center {
  justify-content: center;
}
.badge-root .badge-wrapper.badge-top.right {
  justify-content: flex-end;
}
.badge-root .badge-wrapper.badge-center {
  align-items: center;
}
.badge-root .badge-wrapper.badge-center.left {
  justify-content: flex-start;
}
.badge-root .badge-wrapper.badge-center.center {
  justify-content: center;
}
.badge-root .badge-wrapper.badge-center.right {
  justify-content: flex-end;
}
.badge-root .badge-wrapper.badge-bottom {
  align-items: flex-end;
}
.badge-root .badge-wrapper.badge-bottom.left {
  justify-content: flex-start;
}
.badge-root .badge-wrapper.badge-bottom.center {
  justify-content: center;
}
.badge-root .badge-wrapper.badge-bottom.right {
  justify-content: flex-end;
}

.badge {
  border-radius: 10px;
  font-size: 12px;
  height: 20px;
  letter-spacing: 0;
  min-width: 20px;
  padding: 4px 6px;
  pointer-events: auto;
  line-height: 1;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: auto;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
}
.badge.badge-default {
  color: var(--palette-text-primary);
  background-color: var(--palette-grey-light);
}
.badge.badge-bordered {
  border-color: var(--palette-surface);
  border-style: solid;
  border-width: 2px;
  padding: 3px 4px;
}
.badge.badge-bordered.badge-icon {
  padding: 4px 6px;
}
.badge.badge-bordered.badge-icon .icon-badge {
  margin-left: -4px;
  margin-inline-start: -4px;
  margin-inline-end: unset;
  margin-top: -4px;
}
.badge.badge-icon {
  width: 20px;
  height: 20px;
}
.badge.badge-icon .icon-badge {
  color: inherit;
  font-size: 12px;
  margin-left: -2px;
  margin-inline-start: -2px;
  margin-inline-end: unset;
}
.badge.badge-dot {
  border-radius: 50%;
  height: 9px;
  min-width: 0;
  padding: 0;
  width: 9px;
}
.badge.badge-top.left {
  inset: auto calc(100% - 4px) calc(100% - 4px) auto;
}
.badge.badge-top.left.badge-overlap {
  inset: auto calc(100% - 12px) calc(100% - 12px) auto;
}
.badge.badge-top.center {
  bottom: calc(100% - 4px);
}
.badge.badge-top.center.badge-overlap {
  bottom: calc(100% - 12px);
}
.badge.badge-top.right {
  inset: auto auto calc(100% - 4px) calc(100% - 4px);
}
.badge.badge-top.right.badge-overlap {
  inset: auto auto calc(100% - 12px) calc(100% - 12px);
}
.badge.badge-center.left {
  right: calc(100% - 4px);
}
.badge.badge-center.left.badge-overlap {
  right: calc(100% - 12px);
}
.badge.badge-center.right {
  left: calc(100% - 4px);
}
.badge.badge-center.right.badge-overlap {
  left: calc(100% - 12px);
}
.badge.badge-bottom.left {
  inset: calc(100% - 4px) calc(100% - 4px) auto auto;
}
.badge.badge-bottom.left.badge-overlap {
  inset: calc(100% - 12px) calc(100% - 12px) auto auto;
}
.badge.badge-bottom.center {
  top: calc(100% - 4px);
}
.badge.badge-bottom.center.badge-overlap {
  top: calc(100% - 12px);
}
.badge.badge-bottom.right {
  inset: calc(100% - 4px) auto auto calc(100% - 4px);
}
.badge.badge-bottom.right.badge-overlap {
  inset: calc(100% - 12px) auto auto calc(100% - 12px);
}

.toolbar {
  display: flex;
  position: relative;
  align-items: center;
  height: 56px;
}

.toolbar-gutters {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 0px) and (orientation: landscape) {
  .toolbar {
    height: 48px;
  }
}
@media (min-width: 600px) {
  .toolbar {
    height: 64px;
  }

  .toolbar-gutters {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.toolbar-dense {
  height: 48px;
}

.tooltip-root {
  width: fit-content;
}
.tooltip-root.tooltip-inline {
  display: inline-block;
}

.tooltip {
  padding: 4px 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4em;
  border-radius: var(--default-borderradius);
  z-index: var(--zindex-tooltip);
}
.tooltip.tooltip-default {
  color: var(--palette-dark-text);
  background-color: var(--palette-grey-darker);
}
.tooltip.tooltip-default.tooltip-arrow::after {
  border-color: var(--palette-grey-darker) transparent transparent transparent;
}
.tooltip.tooltip-center-left:not([data-mudpopover-flip]), .tooltip.tooltip-center-right[data-mudpopover-flip] {
  transform: translateX(-10px);
}
.tooltip.tooltip-center-left:not([data-mudpopover-flip]).tooltip-arrow::after, .tooltip.tooltip-center-right[data-mudpopover-flip].tooltip-arrow::after {
  left: 100%;
  transform: rotate(270deg);
}
.tooltip.tooltip-center-right:not([data-mudpopover-flip]), .tooltip.tooltip-center-left[data-mudpopover-flip] {
  transform: translateX(10px);
}
.tooltip.tooltip-center-right:not([data-mudpopover-flip]).tooltip-arrow::after, .tooltip.tooltip-center-left[data-mudpopover-flip].tooltip-arrow::after {
  right: 100%;
  transform: rotate(90deg);
}
.tooltip.tooltip-top-center:not([data-mudpopover-flip]), .tooltip.tooltip-bottom-center[data-mudpopover-flip] {
  transform: translateY(-10px);
}
.tooltip.tooltip-top-center:not([data-mudpopover-flip]).tooltip-arrow::after, .tooltip.tooltip-bottom-center[data-mudpopover-flip].tooltip-arrow::after {
  top: 100%;
  transform: rotate(0deg);
}
.tooltip.tooltip-bottom-center:not([data-mudpopover-flip]), .tooltip.tooltip-top-center[data-mudpopover-flip] {
  transform: translateY(10px);
}
.tooltip.tooltip-bottom-center:not([data-mudpopover-flip]).tooltip-arrow::after, .tooltip.tooltip-top-center[data-mudpopover-flip].tooltip-arrow::after {
  bottom: 100%;
  transform: rotate(180deg);
}
.tooltip.tooltip-arrow::after {
  content: "";
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: inherit;
}

.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(--palette-white);
  background-color: var(--palette-grey-light);
}
.avatar.avatar-small {
  width: 24px;
  height: 24px;
  font-size: 0.875rem;
}
.avatar.avatar-medium {
  width: 40px;
  height: 40px;
  font-size: 1.25rem;
}
.avatar.avatar-large {
  width: 56px;
  height: 56px;
  font-size: 1.75rem;
}

.avatar-rounded {
  border-radius: var(--default-borderradius);
}

.avatar-square {
  border-radius: 0;
}

.avatar-img {
  color: transparent;
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center;
  text-indent: 10000px;
}

.avatar-fallback {
  width: 75%;
  height: 75%;
}

.avatar-outlined {
  color: var(--palette-text-primary);
  background-color: unset;
  border: 1px solid var(--palette-text-primary);
}
.avatar-outlined.avatar-outlined-primary {
  color: var(--palette-primary);
  border: 1px solid var(--palette-primary);
}
.avatar-outlined.avatar-outlined-secondary {
  color: var(--palette-secondary);
  border: 1px solid var(--palette-secondary);
}
.avatar-outlined.avatar-outlined-tertiary {
  color: var(--palette-tertiary);
  border: 1px solid var(--palette-tertiary);
}
.avatar-outlined.avatar-outlined-info {
  color: var(--palette-info);
  border: 1px solid var(--palette-info);
}
.avatar-outlined.avatar-outlined-success {
  color: var(--palette-success);
  border: 1px solid var(--palette-success);
}
.avatar-outlined.avatar-outlined-warning {
  color: var(--palette-warning);
  border: 1px solid var(--palette-warning);
}
.avatar-outlined.avatar-outlined-error {
  color: var(--palette-error);
  border: 1px solid var(--palette-error);
}
.avatar-outlined.avatar-outlined-dark {
  color: var(--palette-dark);
  border: 1px solid var(--palette-dark);
}

.avatar-filled {
  color: var(--palette-white);
  background-color: var(--palette-grey-light);
}
.avatar-filled.avatar-filled-primary {
  background-color: var(--palette-primary);
}
.avatar-filled.avatar-filled-secondary {
  background-color: var(--palette-secondary);
}
.avatar-filled.avatar-filled-tertiary {
  background-color: var(--palette-tertiary);
}
.avatar-filled.avatar-filled-info {
  background-color: var(--palette-info);
}
.avatar-filled.avatar-filled-success {
  background-color: var(--palette-success);
}
.avatar-filled.avatar-filled-warning {
  background-color: var(--palette-warning);
}
.avatar-filled.avatar-filled-error {
  background-color: var(--palette-error);
}
.avatar-filled.avatar-filled-dark {
  background-color: var(--palette-dark);
}

.avatar-group {
  display: flex;
}
.avatar-group .avatar:first-child {
  margin-inline-start: 0px !important;
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-transparent .avatar:not(.avatar-outlined) {
  border-color: transparent;
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-surface .avatar:not(.avatar-outlined) {
  border-color: var(--palette-surface);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-primary .avatar:not(.avatar-outlined) {
  border-color: var(--palette-primary);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-secondary .avatar:not(.avatar-outlined) {
  border-color: var(--palette-secondary);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-tertiary .avatar:not(.avatar-outlined) {
  border-color: var(--palette-tertiary);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-info .avatar:not(.avatar-outlined) {
  border-color: var(--palette-info);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-success .avatar:not(.avatar-outlined) {
  border-color: var(--palette-success);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-warning .avatar:not(.avatar-outlined) {
  border-color: var(--palette-warning);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-error .avatar:not(.avatar-outlined) {
  border-color: var(--palette-error);
}
.avatar-group.avatar-group-outlined.avatar-group-outlined-dark .avatar:not(.avatar-outlined) {
  border-color: var(--palette-dark);
}
.avatar-group.avatar-group-outlined .avatar {
  border: 2px solid;
}
.avatar-group.avatar-group-outlined .avatar.avatar-small {
  width: 28px;
  height: 28px;
}
.avatar-group.avatar-group-outlined .avatar.avatar-medium {
  width: 44px;
  height: 44px;
}
.avatar-group.avatar-group-outlined .avatar.avatar-large {
  width: 60px;
  height: 60px;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 16px 12px;
}

.breadcrumb-separator {
  padding: 0 12px;
}

.breadcrumb-separator > span {
  color: var(--palette-text-primary);
  opacity: 0.38;
}

.breadcrumb-item > a {
  display: flex;
  align-items: center;
}

.breadcrumb-item > a > svg.icon-root {
  margin-right: 4px;
  margin-inline-end: 4px;
  margin-inline-start: unset;
}

.breadcrumb-item.disabled > a {
  pointer-events: none;
  color: var(--palette-action-disabled);
}

.breadcrumbs-expander {
  cursor: pointer;
  display: flex;
  background-color: #EEEEEE;
}

.breadcrumbs-expander:hover {
  background-color: #E0E0E0;
}

.breadcrumbs-expander > svg {
  width: 26px;
}

.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;
}
.button-root::-moz-focus-inner {
  border-style: none;
}
.button-root:disabled {
  color: var(--palette-action-disabled) !important;
  cursor: default;
  pointer-events: none;
}

.button {
  padding: 6px 16px;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-size);
  font-weight: var(--typography-button-weight);
  line-height: var(--typography-button-lineheight);
  letter-spacing: var(--typography-button-letterspacing);
  text-transform: var(--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(--default-borderradius);
  color: var(--palette-text-primary);
}
.button:hover, .button:focus-visible {
  background-color: var(--palette-action-default-hover);
}

.button-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.button-text {
  padding: 6px 8px;
}
.button-text.button-text-inherit {
  color: inherit;
}
.button-text.button-text-primary {
  color: var(--palette-primary);
}
.button-text.button-text-primary:hover, .button-text.button-text-primary:focus-visible {
  background-color: var(--palette-primary-hover);
}
.button-text.button-text-secondary {
  color: var(--palette-secondary);
}
.button-text.button-text-secondary:hover, .button-text.button-text-secondary:focus-visible {
  background-color: var(--palette-secondary-hover);
}
.button-text.button-text-tertiary {
  color: var(--palette-tertiary);
}
.button-text.button-text-tertiary:hover, .button-text.button-text-tertiary:focus-visible {
  background-color: var(--palette-tertiary-hover);
}
.button-text.button-text-info {
  color: var(--palette-info);
}
.button-text.button-text-info:hover, .button-text.button-text-info:focus-visible {
  background-color: var(--palette-info-hover);
}
.button-text.button-text-success {
  color: var(--palette-success);
}
.button-text.button-text-success:hover, .button-text.button-text-success:focus-visible {
  background-color: var(--palette-success-hover);
}
.button-text.button-text-warning {
  color: var(--palette-warning);
}
.button-text.button-text-warning:hover, .button-text.button-text-warning:focus-visible {
  background-color: var(--palette-warning-hover);
}
.button-text.button-text-error {
  color: var(--palette-error);
}
.button-text.button-text-error:hover, .button-text.button-text-error:focus-visible {
  background-color: var(--palette-error-hover);
}
.button-text.button-text-dark {
  color: var(--palette-dark);
}
.button-text.button-text-dark:hover, .button-text.button-text-dark:focus-visible {
  background-color: var(--palette-dark-hover);
}

.button-outlined {
  color: var(--palette-text-primary);
  border: 1px solid var(--palette-text-primary);
  padding: 5px 15px;
}
.button-outlined.button-outlined-inherit {
  color: inherit;
  border-color: currentColor;
}
.button-outlined.icon-button {
  padding: 5px;
}
.button-outlined:hover, .button-outlined:focus-visible {
  background-color: var(--palette-action-default-hover);
}
.button-outlined.button-outlined-primary {
  color: var(--palette-primary);
  border: 1px solid var(--palette-primary);
}
.button-outlined.button-outlined-primary:hover, .button-outlined.button-outlined-primary:focus-visible {
  border: 1px solid var(--palette-primary);
  background-color: var(--palette-primary-hover);
}
.button-outlined.button-outlined-secondary {
  color: var(--palette-secondary);
  border: 1px solid var(--palette-secondary);
}
.button-outlined.button-outlined-secondary:hover, .button-outlined.button-outlined-secondary:focus-visible {
  border: 1px solid var(--palette-secondary);
  background-color: var(--palette-secondary-hover);
}
.button-outlined.button-outlined-tertiary {
  color: var(--palette-tertiary);
  border: 1px solid var(--palette-tertiary);
}
.button-outlined.button-outlined-tertiary:hover, .button-outlined.button-outlined-tertiary:focus-visible {
  border: 1px solid var(--palette-tertiary);
  background-color: var(--palette-tertiary-hover);
}
.button-outlined.button-outlined-info {
  color: var(--palette-info);
  border: 1px solid var(--palette-info);
}
.button-outlined.button-outlined-info:hover, .button-outlined.button-outlined-info:focus-visible {
  border: 1px solid var(--palette-info);
  background-color: var(--palette-info-hover);
}
.button-outlined.button-outlined-success {
  color: var(--palette-success);
  border: 1px solid var(--palette-success);
}
.button-outlined.button-outlined-success:hover, .button-outlined.button-outlined-success:focus-visible {
  border: 1px solid var(--palette-success);
  background-color: var(--palette-success-hover);
}
.button-outlined.button-outlined-warning {
  color: var(--palette-warning);
  border: 1px solid var(--palette-warning);
}
.button-outlined.button-outlined-warning:hover, .button-outlined.button-outlined-warning:focus-visible {
  border: 1px solid var(--palette-warning);
  background-color: var(--palette-warning-hover);
}
.button-outlined.button-outlined-error {
  color: var(--palette-error);
  border: 1px solid var(--palette-error);
}
.button-outlined.button-outlined-error:hover, .button-outlined.button-outlined-error:focus-visible {
  border: 1px solid var(--palette-error);
  background-color: var(--palette-error-hover);
}
.button-outlined.button-outlined-dark {
  color: var(--palette-dark);
  border: 1px solid var(--palette-dark);
}
.button-outlined.button-outlined-dark:hover, .button-outlined.button-outlined-dark:focus-visible {
  border: 1px solid var(--palette-dark);
  background-color: var(--palette-dark-hover);
}
.button-outlined:disabled {
  border: 1px solid var(--palette-action-disabled-background);
}

.button-filled {
  color: var(--palette-text-primary);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: var(--palette-action-default-hover);
}
.button-filled.icon-button {
  padding: 6px;
}
.button-filled:hover, .button-filled:focus-visible {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: var(--palette-action-disabled-background);
}
.button-filled:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.button-filled:disabled {
  color: var(--palette-action-disabled);
  box-shadow: none;
  background-color: var(--palette-action-disabled-background) !important;
}
.button-filled.button-filled-primary {
  color: var(--palette-primary-text);
  background-color: var(--palette-primary);
}
.button-filled.button-filled-primary:hover, .button-filled.button-filled-primary:focus-visible {
  background-color: var(--palette-primary-darken);
}
.button-filled.button-filled-secondary {
  color: var(--palette-secondary-text);
  background-color: var(--palette-secondary);
}
.button-filled.button-filled-secondary:hover, .button-filled.button-filled-secondary:focus-visible {
  background-color: var(--palette-secondary-darken);
}
.button-filled.button-filled-tertiary {
  color: var(--palette-tertiary-text);
  background-color: var(--palette-tertiary);
}
.button-filled.button-filled-tertiary:hover, .button-filled.button-filled-tertiary:focus-visible {
  background-color: var(--palette-tertiary-darken);
}
.button-filled.button-filled-info {
  color: var(--palette-info-text);
  background-color: var(--palette-info);
}
.button-filled.button-filled-info:hover, .button-filled.button-filled-info:focus-visible {
  background-color: var(--palette-info-darken);
}
.button-filled.button-filled-success {
  color: var(--palette-success-text);
  background-color: var(--palette-success);
}
.button-filled.button-filled-success:hover, .button-filled.button-filled-success:focus-visible {
  background-color: var(--palette-success-darken);
}
.button-filled.button-filled-warning {
  color: var(--palette-warning-text);
  background-color: var(--palette-warning);
}
.button-filled.button-filled-warning:hover, .button-filled.button-filled-warning:focus-visible {
  background-color: var(--palette-warning-darken);
}
.button-filled.button-filled-error {
  color: var(--palette-error-text);
  background-color: var(--palette-error);
}
.button-filled.button-filled-error:hover, .button-filled.button-filled-error:focus-visible {
  background-color: var(--palette-error-darken);
}
.button-filled.button-filled-dark {
  color: var(--palette-dark-text);
  background-color: var(--palette-dark);
}
.button-filled.button-filled-dark:hover, .button-filled.button-filled-dark:focus-visible {
  background-color: var(--palette-dark-darken);
}

.button-disable-elevation {
  box-shadow: none;
}
.button-disable-elevation:hover {
  box-shadow: none;
}
.button-disable-elevation:active {
  box-shadow: none;
}
.button-disable-elevation.focus-visible {
  box-shadow: none;
}
.button-disable-elevation:disabled {
  box-shadow: none;
}

.button-color-inherit {
  color: inherit;
  border-color: currentColor;
}

.button-text-size-small {
  padding: 4px 5px;
  font-size: 0.8125rem;
}

.button-text-size-large {
  padding: 8px 11px;
  font-size: 0.9375rem;
}

.button-outlined-size-small {
  padding: 3px 9px;
  font-size: 0.8125rem;
}
.button-outlined-size-small.icon-button {
  padding: 4px;
}

.button-outlined-size-large {
  padding: 7px 21px;
  font-size: 0.9375rem;
}
.button-outlined-size-large.icon-button {
  padding: 4px;
}

.button-filled-size-small {
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.button-filled-size-small.icon-button {
  padding: 5px;
}

.button-filled-size-large {
  padding: 8px 22px;
  font-size: 0.9375rem;
}
.button-filled-size-large.icon-button {
  padding: 5px;
}

.button-full-width {
  width: 100%;
}

.button-label .button-icon-start {
  display: inherit;
  margin-left: -4px;
  margin-right: 8px;
  margin-inline-start: -4px;
  margin-inline-end: 8px;
}
.button-label .button-icon-start.button-icon-size-small {
  margin-left: -2px;
  margin-inline-start: -2px;
  margin-inline-end: 8px;
}
.button-label .button-icon-end {
  display: inherit;
  margin-left: 8px;
  margin-right: -4px;
  margin-inline-start: 8px;
  margin-inline-end: -4px;
}
.button-label .button-icon-end.button-icon-size-small {
  margin-right: -2px;
  margin-inline-end: -2px;
  margin-inline-start: 8px;
}

.button-icon-size-small > *:first-child {
  font-size: 18px;
}

.button-icon-size-medium > *:first-child {
  font-size: 20px;
}

.button-icon-size-large > *:first-child {
  font-size: 22px;
}

.button-group-root {
  border-radius: var(--default-borderradius);
  display: inline-flex;
}
.button-group-root .button-root {
  border-radius: var(--default-borderradius);
}
.button-group-root.button-group-override-styles .button {
  color: var(--palette-text-primary);
}
.button-group-root.button-group-override-styles .button-root {
  background-color: inherit;
  box-shadow: none;
  border: none;
}
.button-group-root.button-group-override-styles .button-root:hover, .button-group-root.button-group-override-styles .button-root:focus-visible {
  background-color: var(--palette-action-default-hover);
}

.button-group-horizontal:not(.button-group-rtl) > .button-root:not(:last-child), .button-group-horizontal:not(.button-group-rtl) > :not(:last-child) .button-root {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group-horizontal:not(.button-group-rtl) > .button-root:not(:first-child), .button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.button-group-horizontal.button-group-rtl > .button-root:not(:last-child), .button-group-horizontal.button-group-rtl > :not(:last-child) .button-root {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.button-group-horizontal.button-group-rtl > .button-root:not(:first-child), .button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button-group-vertical {
  flex-direction: column;
}
.button-group-vertical .icon-button {
  width: 100%;
}
.button-group-vertical > .button-root:not(:last-child), .button-group-vertical > :not(:last-child) .button-root {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group-vertical > .button-root:not(:first-child), .button-group-vertical > :not(:first-child) .button-root {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-top: -1px;
}

.button-group-text.button-group-override-styles .button-root {
  padding: 6px 8px;
}
.button-group-text.button-group-override-styles.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-text-primary);
}
.button-group-text.button-group-override-styles.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-text-primary);
}
.button-group-text.button-group-override-styles.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-text-primary);
}
.button-group-text.button-group-override-styles.button-group-text-primary .button-root {
  color: var(--palette-primary);
}
.button-group-text.button-group-override-styles.button-group-text-primary .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-primary .button-root:focus-visible {
  background-color: var(--palette-primary-hover);
}
.button-group-text.button-group-override-styles.button-group-text-primary.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-primary.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-primary);
}
.button-group-text.button-group-override-styles.button-group-text-primary.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-primary.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-primary);
}
.button-group-text.button-group-override-styles.button-group-text-primary.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-primary.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-primary);
}
.button-group-text.button-group-override-styles.button-group-text-secondary .button-root {
  color: var(--palette-secondary);
}
.button-group-text.button-group-override-styles.button-group-text-secondary .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-secondary .button-root:focus-visible {
  background-color: var(--palette-secondary-hover);
}
.button-group-text.button-group-override-styles.button-group-text-secondary.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-secondary.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-secondary);
}
.button-group-text.button-group-override-styles.button-group-text-secondary.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-secondary.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-secondary);
}
.button-group-text.button-group-override-styles.button-group-text-secondary.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-secondary.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-secondary);
}
.button-group-text.button-group-override-styles.button-group-text-tertiary .button-root {
  color: var(--palette-tertiary);
}
.button-group-text.button-group-override-styles.button-group-text-tertiary .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-tertiary .button-root:focus-visible {
  background-color: var(--palette-tertiary-hover);
}
.button-group-text.button-group-override-styles.button-group-text-tertiary.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-tertiary.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-tertiary);
}
.button-group-text.button-group-override-styles.button-group-text-tertiary.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-tertiary.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-tertiary);
}
.button-group-text.button-group-override-styles.button-group-text-tertiary.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-tertiary.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-tertiary);
}
.button-group-text.button-group-override-styles.button-group-text-info .button-root {
  color: var(--palette-info);
}
.button-group-text.button-group-override-styles.button-group-text-info .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-info .button-root:focus-visible {
  background-color: var(--palette-info-hover);
}
.button-group-text.button-group-override-styles.button-group-text-info.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-info.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-info);
}
.button-group-text.button-group-override-styles.button-group-text-info.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-info.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-info);
}
.button-group-text.button-group-override-styles.button-group-text-info.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-info.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-info);
}
.button-group-text.button-group-override-styles.button-group-text-success .button-root {
  color: var(--palette-success);
}
.button-group-text.button-group-override-styles.button-group-text-success .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-success .button-root:focus-visible {
  background-color: var(--palette-success-hover);
}
.button-group-text.button-group-override-styles.button-group-text-success.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-success.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-success);
}
.button-group-text.button-group-override-styles.button-group-text-success.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-success.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-success);
}
.button-group-text.button-group-override-styles.button-group-text-success.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-success.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-success);
}
.button-group-text.button-group-override-styles.button-group-text-warning .button-root {
  color: var(--palette-warning);
}
.button-group-text.button-group-override-styles.button-group-text-warning .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-warning .button-root:focus-visible {
  background-color: var(--palette-warning-hover);
}
.button-group-text.button-group-override-styles.button-group-text-warning.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-warning.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-warning);
}
.button-group-text.button-group-override-styles.button-group-text-warning.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-warning.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-warning);
}
.button-group-text.button-group-override-styles.button-group-text-warning.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-warning.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-warning);
}
.button-group-text.button-group-override-styles.button-group-text-error .button-root {
  color: var(--palette-error);
}
.button-group-text.button-group-override-styles.button-group-text-error .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-error .button-root:focus-visible {
  background-color: var(--palette-error-hover);
}
.button-group-text.button-group-override-styles.button-group-text-error.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-error.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-error);
}
.button-group-text.button-group-override-styles.button-group-text-error.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-error.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-error);
}
.button-group-text.button-group-override-styles.button-group-text-error.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-error.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-error);
}
.button-group-text.button-group-override-styles.button-group-text-dark .button-root {
  color: var(--palette-dark);
}
.button-group-text.button-group-override-styles.button-group-text-dark .button-root:hover, .button-group-text.button-group-override-styles.button-group-text-dark .button-root:focus-visible {
  background-color: var(--palette-dark-hover);
}
.button-group-text.button-group-override-styles.button-group-text-dark.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-dark.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-dark);
}
.button-group-text.button-group-override-styles.button-group-text-dark.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-text.button-group-override-styles.button-group-text-dark.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-dark);
}
.button-group-text.button-group-override-styles.button-group-text-dark.button-group-vertical .button-root:not(:last-child), .button-group-text.button-group-override-styles.button-group-text-dark.button-group-vertical > :not(:last-child) .button-root {
  border-bottom: 1px solid var(--palette-dark);
}

.button-group-outlined.button-group-override-styles .button-root {
  padding: 5px 15px;
  border: 1px solid var(--palette-text-primary);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-primary .button-root {
  color: var(--palette-primary);
  border: 1px solid var(--palette-primary);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-primary .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-primary .button-root:focus-visible {
  background-color: var(--palette-primary-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-secondary .button-root {
  color: var(--palette-secondary);
  border: 1px solid var(--palette-secondary);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-secondary .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-secondary .button-root:focus-visible {
  background-color: var(--palette-secondary-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-tertiary .button-root {
  color: var(--palette-tertiary);
  border: 1px solid var(--palette-tertiary);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-tertiary .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-tertiary .button-root:focus-visible {
  background-color: var(--palette-tertiary-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-info .button-root {
  color: var(--palette-info);
  border: 1px solid var(--palette-info);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-info .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-info .button-root:focus-visible {
  background-color: var(--palette-info-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-success .button-root {
  color: var(--palette-success);
  border: 1px solid var(--palette-success);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-success .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-success .button-root:focus-visible {
  background-color: var(--palette-success-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-warning .button-root {
  color: var(--palette-warning);
  border: 1px solid var(--palette-warning);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-warning .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-warning .button-root:focus-visible {
  background-color: var(--palette-warning-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-error .button-root {
  color: var(--palette-error);
  border: 1px solid var(--palette-error);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-error .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-error .button-root:focus-visible {
  background-color: var(--palette-error-hover);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-dark .button-root {
  color: var(--palette-dark);
  border: 1px solid var(--palette-dark);
}
.button-group-outlined.button-group-override-styles.button-group-outlined-dark .button-root:hover, .button-group-outlined.button-group-override-styles.button-group-outlined-dark .button-root:focus-visible {
  background-color: var(--palette-dark-hover);
}

.button-group-filled {
  box-shadow: var(--elevation-2);
}
.button-group-filled .button-root {
  box-shadow: none;
}
.button-group-filled .button-root:hover, .button-group-filled .button-root:focus-visible {
  box-shadow: var(--elevation-4);
}
.button-group-filled.button-group-override-styles .button-root {
  background-color: var(--palette-action-default-hover);
  padding: 6px 16px;
}
.button-group-filled.button-group-override-styles.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-divider);
}
.button-group-filled.button-group-override-styles.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-divider);
}
.button-group-filled.button-group-override-styles.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-divider);
}
.button-group-filled.button-group-override-styles.button-group-filled-primary .button-root {
  background-color: var(--palette-primary);
  color: var(--palette-primary-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-primary .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-primary .button-root:focus-visible {
  background-color: var(--palette-primary-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-primary.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-primary.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-primary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-primary.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-primary.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-primary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-primary.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-primary.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-primary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-secondary .button-root {
  background-color: var(--palette-secondary);
  color: var(--palette-secondary-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-secondary .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-secondary .button-root:focus-visible {
  background-color: var(--palette-secondary-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-secondary.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-secondary.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-secondary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-secondary.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-secondary.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-secondary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-secondary.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-secondary.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-secondary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-tertiary .button-root {
  background-color: var(--palette-tertiary);
  color: var(--palette-tertiary-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-tertiary .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-tertiary .button-root:focus-visible {
  background-color: var(--palette-tertiary-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-tertiary.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-tertiary.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-tertiary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-tertiary.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-tertiary.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-tertiary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-tertiary.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-tertiary.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-tertiary-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-info .button-root {
  background-color: var(--palette-info);
  color: var(--palette-info-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-info .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-info .button-root:focus-visible {
  background-color: var(--palette-info-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-info.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-info.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-info-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-info.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-info.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-info-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-info.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-info.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-info-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-success .button-root {
  background-color: var(--palette-success);
  color: var(--palette-success-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-success .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-success .button-root:focus-visible {
  background-color: var(--palette-success-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-success.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-success.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-success-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-success.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-success.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-success-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-success.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-success.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-success-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-warning .button-root {
  background-color: var(--palette-warning);
  color: var(--palette-warning-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-warning .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-warning .button-root:focus-visible {
  background-color: var(--palette-warning-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-warning.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-warning.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-warning-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-warning.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-warning.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-warning-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-warning.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-warning.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-warning-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-error .button-root {
  background-color: var(--palette-error);
  color: var(--palette-error-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-error .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-error .button-root:focus-visible {
  background-color: var(--palette-error-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-error.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-error.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-error-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-error.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-error.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-error-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-error.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-error.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-error-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-dark .button-root {
  background-color: var(--palette-dark);
  color: var(--palette-dark-text);
}
.button-group-filled.button-group-override-styles.button-group-filled-dark .button-root:hover, .button-group-filled.button-group-override-styles.button-group-filled-dark .button-root:focus-visible {
  background-color: var(--palette-dark-darken);
}
.button-group-filled.button-group-override-styles.button-group-filled-dark.button-group-horizontal:not(.button-group-rtl) .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-dark.button-group-horizontal:not(.button-group-rtl) > :not(:first-child) .button-root {
  border-left: 1px solid var(--palette-dark-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-dark.button-group-horizontal.button-group-rtl .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-dark.button-group-horizontal.button-group-rtl > :not(:first-child) .button-root {
  border-right: 1px solid var(--palette-dark-lighten);
}
.button-group-filled.button-group-override-styles.button-group-filled-dark.button-group-vertical .button-root:not(:first-child), .button-group-filled.button-group-override-styles.button-group-filled-dark.button-group-vertical > :not(:first-child) .button-root {
  border-top: 1px solid var(--palette-dark-lighten);
}

.button-group-disable-elevation {
  box-shadow: none;
}

.button-group-root.button-group-text-size-small .button-root {
  padding: 4px 5px;
  font-size: 0.8125rem;
}
.button-group-root.button-group-text-size-small .button-root.icon-button .icon-root {
  font-size: 1.422rem;
}
.button-group-root.button-group-text-size-large .button-root {
  padding: 8px 11px;
  font-size: 0.9375rem;
}
.button-group-root.button-group-text-size-large .button-root.icon-button .icon-root {
  font-size: 1.641rem;
}
.button-group-root.button-group-outlined-size-small .button-root {
  padding: 3px 9px;
  font-size: 0.8125rem;
}
.button-group-root.button-group-outlined-size-small .button-root.icon-button {
  padding: 3px 9px;
}
.button-group-root.button-group-outlined-size-small .button-root.icon-button .icon-root {
  font-size: 1.422rem;
}
.button-group-root.button-group-outlined-size-large .button-root {
  padding: 7px 21px;
  font-size: 0.9375rem;
}
.button-group-root.button-group-outlined-size-large .button-root.icon-button {
  padding: 7px 15px;
}
.button-group-root.button-group-outlined-size-large .button-root.icon-button .icon-root {
  font-size: 1.641rem;
}
.button-group-root.button-group-filled-size-small .button-root {
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.button-group-root.button-group-filled-size-small .button-root.icon-button {
  padding: 4px 10px;
}
.button-group-root.button-group-filled-size-small .button-root.icon-button .icon-root {
  font-size: 1.422rem;
}
.button-group-root.button-group-filled-size-large .button-root {
  padding: 8px 22px;
  font-size: 0.9375rem;
}
.button-group-root.button-group-filled-size-large .button-root.icon-button {
  padding: 8px 16px;
}
.button-group-root.button-group-filled-size-large .button-root.icon-button .icon-root {
  font-size: 1.641rem;
}

.button-group-root .button-root.icon-button {
  padding-right: 12px;
  padding-left: 12px;
}
.button-group-root .button-root.icon-button .icon-root {
  font-size: 1.516rem;
}
.button-group-root .button-root.icon-button.ripple-icon:after {
  transform: scale(10, 10);
}
.button-group-root .button-root.icon-button.ripple-icon:active:after {
  transform: scale(0, 0);
  opacity: 0.1;
  transition: 0s;
}

.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(--palette-action-default);
}
.icon-button.button {
  min-width: unset;
  border-radius: var(--default-borderradius);
}
.icon-button:hover, .icon-button:focus-visible {
  background-color: var(--palette-action-default-hover);
}
.icon-button:disabled {
  color: var(--palette-action-disabled);
  background-color: transparent;
}
.icon-button.readonly, .icon-button .readonly:hover {
  cursor: default;
}

.icon-button-color-inherit {
  color: inherit;
}
.icon-button-color-inherit:hover, .icon-button-color-inherit:focus-visible {
  background-color: var(--palette-action-default-hover);
}

.icon-button-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}

.icon-button-edge-start {
  margin-left: -12px;
  margin-inline-start: -12px;
  margin-inline-end: unset;
}

.icon-button-edge-end {
  margin-right: -12px;
  margin-inline-end: -12px;
  margin-inline-start: unset;
}

.icon-button-edge-margin-end {
  margin-right: 8px;
  margin-inline-end: 8px;
  margin-inline-start: unset;
}

.icon-button-size-small {
  padding: 3px;
  font-size: 1.125rem;
}
.icon-button-size-small.icon-button-edge-start {
  margin-left: -3px;
  margin-inline-start: -3px;
  margin-inline-end: unset;
}
.icon-button-size-small.icon-button-edge-end {
  margin-right: -3px;
  margin-inline-end: -3px;
  margin-inline-start: unset;
}

.icon-button-size-large.button > .icon-button-label > .icon-size-large {
  font-size: 2rem;
}

.card-header {
  display: flex;
  padding: 16px;
  align-items: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.card-header .card-header-avatar {
  flex: 0 0 auto;
  margin-right: 16px;
  margin-inline-end: 16px;
  margin-inline-start: unset;
}
.card-header .card-header-content {
  flex: 1 1 auto;
}
.card-header .card-header-content .typography {
  margin-bottom: 0;
}
.card-header .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;
}

.card-media {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.card-header + .card-media {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.card-content {
  padding: 16px;
}

.card-actions {
  display: flex;
  padding: 8px;
  align-items: center;
}

.carousel {
  display: flex !important;
  position: relative;
  margin: 0px !important;
  clip-path: inset(0px 0px 0px 0px);
  overflow: hidden;
}
.carousel.carousel-primary {
  color: var(--palette-primary-text);
}
.carousel.carousel-secondary {
  color: var(--palette-secondary-text);
}
.carousel.carousel-tertiary {
  color: var(--palette-tertiary-text);
}
.carousel.carousel-info {
  color: var(--palette-info-text);
}
.carousel.carousel-success {
  color: var(--palette-success-text);
}
.carousel.carousel-warning {
  color: var(--palette-warning-text);
}
.carousel.carousel-error {
  color: var(--palette-error-text);
}
.carousel.carousel-dark {
  color: var(--palette-dark-text);
}

.carousel-elements-rtl {
  transform: rotate(180deg) !important;
}

.carousel-item {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: inherit;
  padding: inherit;
  z-index: 2;
}
.carousel-item.carousel-item-primary {
  color: var(--palette-primary-text);
  background-color: var(--palette-primary);
}
.carousel-item.carousel-item-secondary {
  color: var(--palette-secondary-text);
  background-color: var(--palette-secondary);
}
.carousel-item.carousel-item-tertiary {
  color: var(--palette-tertiary-text);
  background-color: var(--palette-tertiary);
}
.carousel-item.carousel-item-info {
  color: var(--palette-info-text);
  background-color: var(--palette-info);
}
.carousel-item.carousel-item-success {
  color: var(--palette-success-text);
  background-color: var(--palette-success);
}
.carousel-item.carousel-item-warning {
  color: var(--palette-warning-text);
  background-color: var(--palette-warning);
}
.carousel-item.carousel-item-error {
  color: var(--palette-error-text);
  background-color: var(--palette-error);
}
.carousel-item.carousel-item-dark {
  color: var(--palette-dark-text);
  background-color: var(--palette-dark);
}

.carousel-item-exit {
  z-index: 1;
}

/* ### Transitions ### */
/*Fade
*/
@keyframes carousel-transition-fade-in-keyframe {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes carousel-transition-fade-out-keyframe {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.carousel-transition-fade-in {
  animation: 0.5s carousel-transition-fade-in-keyframe;
}

.carousel-transition-fade-out {
  animation: 0.5s carousel-transition-fade-out-keyframe;
  animation-fill-mode: forwards;
}

.carousel-transition-none {
  display: none;
}

/*Slide
*/
@keyframes carousel-transition-slide-next-enter-keyframe {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes carousel-transition-slide-next-rtl-enter-keyframe {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes carousel-transition-slide-next-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes carousel-transition-slide-next-rtl-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
.carousel-transition-slide-next-enter {
  animation: 0.5s carousel-transition-slide-next-enter-keyframe;
}

.carousel-transition-slide-next-rtl-enter {
  animation: 0.5s carousel-transition-slide-next-rtl-enter-keyframe;
}

.carousel-transition-slide-next-exit {
  animation: 0.5s carousel-transition-slide-next-exit-keyframe;
  animation-fill-mode: forwards;
}

.carousel-transition-slide-next-rtl-exit {
  animation: 0.5s carousel-transition-slide-next-rtl-exit-keyframe;
  animation-fill-mode: forwards;
}

@keyframes carousel-transition-slide-prev-enter-keyframe {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes carousel-transition-slide-prev-rtl-enter-keyframe {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes carousel-transition-slide-prev-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes carousel-transition-slide-prev-rtl-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
.carousel-transition-slide-prev-enter {
  animation: 0.5s carousel-transition-slide-prev-enter-keyframe;
}

.carousel-transition-slide-prev-rtl-enter {
  animation: 0.5s carousel-transition-slide-prev-rtl-enter-keyframe;
}

.carousel-transition-slide-prev-exit {
  animation: 0.5s carousel-transition-slide-prev-exit-keyframe;
  animation-fill-mode: forwards;
}

.carousel-transition-slide-prev-rtl-exit {
  animation: 0.5s carousel-transition-slide-prev-rtl-exit-keyframe;
  animation-fill-mode: forwards;
}

.chart {
  display: flex;
}
.chart.chart-legend-bottom {
  flex-direction: column;
}
.chart.chart-legend-bottom .chart-legend {
  margin-top: 10px;
  justify-content: center;
  width: 100%;
}
.chart.chart-legend-top {
  flex-direction: column-reverse;
}
.chart.chart-legend-top .chart-legend {
  justify-content: center;
  width: 100%;
}
.chart.chart-legend-right {
  flex-direction: row;
}
.chart.chart-legend-right .chart-legend {
  flex-direction: column;
}
.chart.chart-legend-left {
  flex-direction: row-reverse;
}
.chart.chart-legend-left .chart-legend {
  flex-direction: column;
}
.chart .chart-donut, .chart .chart-pie, .chart chart-line {
  display: flex;
  margin: auto;
}
.chart .chart-legend {
  display: flex;
  padding: 10px 0px;
  margin: auto;
  flex-wrap: wrap;
}
.chart .chart-legend .chart-legend-item {
  display: block;
  margin: 2px 5px;
}
.chart .chart-legend .chart-legend-item .chart-legend-marker {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  position: relative;
  display: inline-flex;
}
.chart .chart-legend .chart-legend-item .chart-legend-text {
  display: inline-flex;
}

.charts-yaxis {
  fill: var(--palette-text-primary);
}

.charts-xaxis {
  fill: var(--palette-text-primary);
}

.chart-donut .donut-hole {
  fill: transparent;
  user-select: none;
  pointer-events: unset;
}
.chart-donut .donut-ring {
  fill: transparent;
  stroke-width: 5;
  stroke: white;
  pointer-events: unset;
}
.chart-donut .donut-segment {
  stroke-width: 5;
  fill: transparent;
  pointer-events: stroke;
  -webkit-transition: stroke 0.2s ease;
  -moz-transition: stroke 0.2s ease;
  -o-transition: stroke 0.2s ease;
  transition: stroke 0.2s ease;
}

.chart-legend-marker {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
}

.chart-marker-color-0 {
  background-color: #008FFB;
}

.chart-marker-color-1 {
  background-color: #00E396;
}

.chart-marker-color-2 {
  background-color: #FEB019;
}

.chart-marker-color-3 {
  background-color: #FF4560;
}

.chart-marker-color-4 {
  background-color: #594ae2;
}

.checkbox {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
.checkbox.disabled, .checkbox .disabled:hover, .checkbox .disabled:focus-visible {
  cursor: default;
  background-color: transparent !important;
}
.checkbox.disabled *, .checkbox .disabled:hover *, .checkbox .disabled:focus-visible * {
  cursor: default;
  color: var(--palette-text-disabled);
}
.checkbox.readonly, .checkbox .readonly:hover {
  cursor: default;
}
.checkbox .checkbox-dense {
  padding: 4px;
}

.checkbox-input {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}

.checkbox-span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.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(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;
}
.chip.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.chip.chip-size-small {
  border-radius: 12px;
  font-size: 12px;
  height: 24px;
}
.chip.chip-size-medium {
  height: 32px;
  font-size: 14px;
  border-radius: 16px;
}
.chip.chip-size-large {
  height: 40px;
  font-size: 16px;
  border-radius: 20px;
}
.chip.chip-label {
  border-radius: var(--default-borderradius);
}
.chip.clickable {
  cursor: pointer;
}
.chip .chip-icon {
  margin-left: -4px;
  margin-right: 4px;
  margin-inline-start: -4px;
  margin-inline-end: 4px;
  color: inherit;
}
.chip .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: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
}
.chip .chip-close-button .icon-size-small {
  font-size: 1.15rem;
}
.chip .chip-close-button:hover {
  opacity: 0.7;
}
.chip > .chip-content {
  align-items: center;
  display: inline-flex;
  height: 100%;
  max-width: 100%;
  user-select: none;
}

.chip-filled {
  color: var(--palette-text-primary);
  background-color: var(--palette-action-disabled-background);
}
.chip-filled:hover:not(.disabled), .chip-filled:focus-visible:not(.disabled) {
  background-color: var(--palette-action-disabled);
}
.chip-filled.chip-color-primary {
  color: var(--palette-primary-text);
  background-color: var(--palette-primary);
}
.chip-filled.chip-color-primary:hover:not(.disabled), .chip-filled.chip-color-primary:focus-visible:not(.disabled) {
  background-color: var(--palette-primary-darken);
}
.chip-filled.chip-color-secondary {
  color: var(--palette-secondary-text);
  background-color: var(--palette-secondary);
}
.chip-filled.chip-color-secondary:hover:not(.disabled), .chip-filled.chip-color-secondary:focus-visible:not(.disabled) {
  background-color: var(--palette-secondary-darken);
}
.chip-filled.chip-color-tertiary {
  color: var(--palette-tertiary-text);
  background-color: var(--palette-tertiary);
}
.chip-filled.chip-color-tertiary:hover:not(.disabled), .chip-filled.chip-color-tertiary:focus-visible:not(.disabled) {
  background-color: var(--palette-tertiary-darken);
}
.chip-filled.chip-color-info {
  color: var(--palette-info-text);
  background-color: var(--palette-info);
}
.chip-filled.chip-color-info:hover:not(.disabled), .chip-filled.chip-color-info:focus-visible:not(.disabled) {
  background-color: var(--palette-info-darken);
}
.chip-filled.chip-color-success {
  color: var(--palette-success-text);
  background-color: var(--palette-success);
}
.chip-filled.chip-color-success:hover:not(.disabled), .chip-filled.chip-color-success:focus-visible:not(.disabled) {
  background-color: var(--palette-success-darken);
}
.chip-filled.chip-color-warning {
  color: var(--palette-warning-text);
  background-color: var(--palette-warning);
}
.chip-filled.chip-color-warning:hover:not(.disabled), .chip-filled.chip-color-warning:focus-visible:not(.disabled) {
  background-color: var(--palette-warning-darken);
}
.chip-filled.chip-color-error {
  color: var(--palette-error-text);
  background-color: var(--palette-error);
}
.chip-filled.chip-color-error:hover:not(.disabled), .chip-filled.chip-color-error:focus-visible:not(.disabled) {
  background-color: var(--palette-error-darken);
}
.chip-filled.chip-color-dark {
  color: var(--palette-dark-text);
  background-color: var(--palette-dark);
}
.chip-filled.chip-color-dark:hover:not(.disabled), .chip-filled.chip-color-dark:focus-visible:not(.disabled) {
  background-color: var(--palette-dark-darken);
}

.chip-outlined {
  color: var(--palette-text-primary);
  border: 1px solid var(--palette-lines-inputs);
}
.chip-outlined:hover:not(.disabled), .chip-outlined:focus-visible:not(.disabled) {
  background-color: var(--palette-action-default-hover);
}
.chip-outlined.chip-color-primary {
  color: var(--palette-primary);
  border: 1px solid var(--palette-primary);
}
.chip-outlined.chip-color-primary:hover:not(.disabled), .chip-outlined.chip-color-primary:focus-visible:not(.disabled) {
  background-color: var(--palette-primary-hover);
}
.chip-outlined.chip-color-primary.chip-selected {
  background-color: var(--palette-primary-hover);
}
.chip-outlined.chip-color-primary.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-primary.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-primary-rgb), 0.12);
}
.chip-outlined.chip-color-secondary {
  color: var(--palette-secondary);
  border: 1px solid var(--palette-secondary);
}
.chip-outlined.chip-color-secondary:hover:not(.disabled), .chip-outlined.chip-color-secondary:focus-visible:not(.disabled) {
  background-color: var(--palette-secondary-hover);
}
.chip-outlined.chip-color-secondary.chip-selected {
  background-color: var(--palette-secondary-hover);
}
.chip-outlined.chip-color-secondary.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-secondary.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-secondary-rgb), 0.12);
}
.chip-outlined.chip-color-tertiary {
  color: var(--palette-tertiary);
  border: 1px solid var(--palette-tertiary);
}
.chip-outlined.chip-color-tertiary:hover:not(.disabled), .chip-outlined.chip-color-tertiary:focus-visible:not(.disabled) {
  background-color: var(--palette-tertiary-hover);
}
.chip-outlined.chip-color-tertiary.chip-selected {
  background-color: var(--palette-tertiary-hover);
}
.chip-outlined.chip-color-tertiary.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-tertiary.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-tertiary-rgb), 0.12);
}
.chip-outlined.chip-color-info {
  color: var(--palette-info);
  border: 1px solid var(--palette-info);
}
.chip-outlined.chip-color-info:hover:not(.disabled), .chip-outlined.chip-color-info:focus-visible:not(.disabled) {
  background-color: var(--palette-info-hover);
}
.chip-outlined.chip-color-info.chip-selected {
  background-color: var(--palette-info-hover);
}
.chip-outlined.chip-color-info.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-info.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-info-rgb), 0.12);
}
.chip-outlined.chip-color-success {
  color: var(--palette-success);
  border: 1px solid var(--palette-success);
}
.chip-outlined.chip-color-success:hover:not(.disabled), .chip-outlined.chip-color-success:focus-visible:not(.disabled) {
  background-color: var(--palette-success-hover);
}
.chip-outlined.chip-color-success.chip-selected {
  background-color: var(--palette-success-hover);
}
.chip-outlined.chip-color-success.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-success.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-success-rgb), 0.12);
}
.chip-outlined.chip-color-warning {
  color: var(--palette-warning);
  border: 1px solid var(--palette-warning);
}
.chip-outlined.chip-color-warning:hover:not(.disabled), .chip-outlined.chip-color-warning:focus-visible:not(.disabled) {
  background-color: var(--palette-warning-hover);
}
.chip-outlined.chip-color-warning.chip-selected {
  background-color: var(--palette-warning-hover);
}
.chip-outlined.chip-color-warning.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-warning.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-warning-rgb), 0.12);
}
.chip-outlined.chip-color-error {
  color: var(--palette-error);
  border: 1px solid var(--palette-error);
}
.chip-outlined.chip-color-error:hover:not(.disabled), .chip-outlined.chip-color-error:focus-visible:not(.disabled) {
  background-color: var(--palette-error-hover);
}
.chip-outlined.chip-color-error.chip-selected {
  background-color: var(--palette-error-hover);
}
.chip-outlined.chip-color-error.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-error.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-error-rgb), 0.12);
}
.chip-outlined.chip-color-dark {
  color: var(--palette-dark);
  border: 1px solid var(--palette-dark);
}
.chip-outlined.chip-color-dark:hover:not(.disabled), .chip-outlined.chip-color-dark:focus-visible:not(.disabled) {
  background-color: var(--palette-dark-hover);
}
.chip-outlined.chip-color-dark.chip-selected {
  background-color: var(--palette-dark-hover);
}
.chip-outlined.chip-color-dark.chip-selected:hover:not(.disabled), .chip-outlined.chip-color-dark.chip-selected:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-dark-rgb), 0.12);
}

.chip-text {
  color: var(--palette-text-primary);
  background-color: var(--palette-action-default-hover);
}
.chip-text:hover:not(.disabled), .chip-text:focus-visible:not(.disabled) {
  background-color: var(--palette-action-disabled-background);
}
.chip-text.chip-color-primary {
  color: var(--palette-primary);
  background-color: var(--palette-primary-hover);
}
.chip-text.chip-color-primary:hover:not(.disabled), .chip-text.chip-color-primary:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-primary-rgb), 0.12);
}
.chip-text.chip-color-secondary {
  color: var(--palette-secondary);
  background-color: var(--palette-secondary-hover);
}
.chip-text.chip-color-secondary:hover:not(.disabled), .chip-text.chip-color-secondary:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-secondary-rgb), 0.12);
}
.chip-text.chip-color-tertiary {
  color: var(--palette-tertiary);
  background-color: var(--palette-tertiary-hover);
}
.chip-text.chip-color-tertiary:hover:not(.disabled), .chip-text.chip-color-tertiary:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-tertiary-rgb), 0.12);
}
.chip-text.chip-color-info {
  color: var(--palette-info);
  background-color: var(--palette-info-hover);
}
.chip-text.chip-color-info:hover:not(.disabled), .chip-text.chip-color-info:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-info-rgb), 0.12);
}
.chip-text.chip-color-success {
  color: var(--palette-success);
  background-color: var(--palette-success-hover);
}
.chip-text.chip-color-success:hover:not(.disabled), .chip-text.chip-color-success:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-success-rgb), 0.12);
}
.chip-text.chip-color-warning {
  color: var(--palette-warning);
  background-color: var(--palette-warning-hover);
}
.chip-text.chip-color-warning:hover:not(.disabled), .chip-text.chip-color-warning:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-warning-rgb), 0.12);
}
.chip-text.chip-color-error {
  color: var(--palette-error);
  background-color: var(--palette-error-hover);
}
.chip-text.chip-color-error:hover:not(.disabled), .chip-text.chip-color-error:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-error-rgb), 0.12);
}
.chip-text.chip-color-dark {
  color: var(--palette-dark);
  background-color: var(--palette-dark-hover);
}
.chip-text.chip-color-dark:hover:not(.disabled), .chip-text.chip-color-dark:focus-visible:not(.disabled) {
  background-color: rgba(var(--palette-dark-rgb), 0.12);
}

.collapse-container {
  height: 0px;
  overflow: hidden;
}

@keyframes expand-anim {
  from {
    height: 0;
  }
}
.collapse-entering {
  animation: expand-anim 1s ease-in-out 0ms 1 forwards;
}
.collapse-entering.navgroup-collapse {
  animation-duration: 300ms !important;
}

.collapse-entered {
  overflow: initial;
}

@keyframes collapse-anim {
  to {
    height: 0;
  }
}
.collapse-exiting {
  animation: collapse-anim 0.5s cubic-bezier(0, 1, 0, 1) 0ms 1 forwards;
}
.collapse-exiting.navgroup-collapse {
  animation-duration: 300ms;
}

.collapse-hidden {
  visibility: hidden;
}

.collapse-wrapper {
  display: flex;
}

.collapse-wrapper-inner {
  width: 100%;
}

.dialog-container {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: var(--zindex-dialog);
}
.dialog-container.dialog-center {
  align-items: center;
  justify-content: center;
}
.dialog-container.dialog-topcenter {
  align-items: flex-start;
  justify-content: center;
  padding-top: 32px;
}
.dialog-container.dialog-bottomcenter {
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 32px;
}
.dialog-container.dialog-centerright {
  align-items: center;
  justify-content: flex-end;
  padding-right: 32px;
}
.dialog-container.dialog-centerleft {
  align-items: center;
  justify-content: flex-start;
  padding-left: 32px;
}
.dialog-container.dialog-topleft .dialog {
  position: absolute;
  top: 32px;
  left: 32px;
}
.dialog-container.dialog-topright .dialog {
  position: absolute;
  top: 32px;
  right: 32px;
}
.dialog-container.dialog-bottomleft .dialog {
  position: absolute;
  bottom: 32px;
  left: 32px;
}
.dialog-container.dialog-bottomright .dialog {
  position: absolute;
  bottom: 32px;
  right: 32px;
}

.dialog {
  display: flex;
  z-index: calc(var(--zindex-dialog) + 2);
  flex-direction: column;
  color: var(--palette-text-primary);
  background-color: var(--palette-surface);
  border-radius: var(--default-borderradius);
  -webkit-animation: open-dialog-center 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: open-dialog-center 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.dialog.dialog-rtl .dialog-title .button-root {
  right: unset;
  left: 8px;
}
.dialog .dialog-title {
  z-index: 1;
  flex: 0 0 auto;
  margin: 0;
  padding: 16px 24px;
  border-top-left-radius: var(--default-borderradius);
  border-top-right-radius: var(--default-borderradius);
}
.dialog .dialog-title + * > .dialog-content {
  border-radius: 0;
}
.dialog .dialog-title .button-root {
  top: 8px;
  right: 8px;
  position: absolute;
}
.dialog .dialog-content {
  position: relative;
  flex: 1 1 auto;
  padding: 8px 24px;
  -webkit-overflow-scrolling: touch;
  border-top-left-radius: var(--default-borderradius);
  border-top-right-radius: var(--default-borderradius);
}
.dialog .dialog-content.dialog-no-side-padding {
  padding: 12px 0px;
}
.dialog .dialog-actions {
  flex: 0 0 auto;
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: flex-end;
  border-bottom-left-radius: var(--default-borderradius);
  border-bottom-right-radius: var(--default-borderradius);
}
.dialog .dialog-actions > :not(:first-child) {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset;
}

.dialog-width-false {
  max-width: calc(100% - 64px);
}

.dialog-width-xs {
  max-width: 444px;
}

.dialog-width-sm {
  max-width: 600px;
}

.dialog-width-md {
  max-width: 960px;
}

.dialog-width-lg {
  max-width: 1280px;
}

.dialog-width-xl {
  max-width: 1920px;
}

.dialog-width-xxl {
  max-width: 2560px;
}

.dialog-width-full {
  width: calc(100% - 64px);
}

.dialog-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  max-height: none;
  border-radius: 0;
}

@-webkit-keyframes open-dialog-center {
  0% {
    opacity: 0;
  }
  1% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes open-dialog-center {
  0% {
    opacity: 0;
  }
  1% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.input-control.field .input-slot {
  height: auto;
  min-height: 19px;
}
.input-control.field .input-slot.input-root-outlined.input-adorned-start {
  padding-left: 0;
  padding-inline-start: 0;
  padding-inline-end: 14px;
}
.input-control.field .input-slot.input-root-filled.input-adorned-start {
  padding-left: 0;
  padding-inline-start: 0;
  padding-inline-end: 12px;
}
.input-control.field .input-slot.input-slot-nopadding {
  padding-top: 0px;
  padding-bottom: 0px;
}
.input-control.field .input-slot.input-slot-nopadding.input-root-filled {
  padding-top: 21px;
  padding-bottom: 2px;
}
.input-control.field .input-slot.input-slot-nopadding.input-root-outlined {
  padding-top: 7px;
  padding-bottom: 2px;
}

.grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.grid-item {
  margin: 0;
  box-sizing: border-box;
}

.grid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px;
}

.grid-spacing-xs-1 > .grid-item {
  padding: 4px;
}

.grid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px;
}

.grid-spacing-xs-2 > .grid-item {
  padding: 8px;
}

.grid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px;
}

.grid-spacing-xs-3 > .grid-item {
  padding: 12px;
}

.grid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px;
}

.grid-spacing-xs-4 > .grid-item {
  padding: 16px;
}

.grid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px;
}

.grid-spacing-xs-5 > .grid-item {
  padding: 20px;
}

.grid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px;
}

.grid-spacing-xs-6 > .grid-item {
  padding: 24px;
}

.grid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px;
}

.grid-spacing-xs-7 > .grid-item {
  padding: 28px;
}

.grid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px;
}

.grid-spacing-xs-8 > .grid-item {
  padding: 32px;
}

.grid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px;
}

.grid-spacing-xs-9 > .grid-item {
  padding: 36px;
}

.grid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px;
}

.grid-spacing-xs-10 > .grid-item {
  padding: 40px;
}

.grid-item-xs-auto {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}

.grid-item-xs-true {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}

.grid-item-xs-1 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}

.grid-item-xs-2 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}

.grid-item-xs-3 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}

.grid-item-xs-4 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}

.grid-item-xs-5 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}

.grid-item-xs-6 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}

.grid-item-xs-7 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}

.grid-item-xs-8 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}

.grid-item-xs-9 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}

.grid-item-xs-10 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}

.grid-item-xs-11 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}

.grid-item-xs-12 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}

@media (min-width: 600px) {
  .grid-item-sm-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }

  .grid-item-sm-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }

  .grid-item-sm-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }

  .grid-item-sm-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }

  .grid-item-sm-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid-item-sm-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }

  .grid-item-sm-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }

  .grid-item-sm-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid-item-sm-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }

  .grid-item-sm-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }

  .grid-item-sm-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid-item-sm-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }

  .grid-item-sm-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }

  .grid-item-sm-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 960px) {
  .grid-item-md-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }

  .grid-item-md-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }

  .grid-item-md-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }

  .grid-item-md-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }

  .grid-item-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid-item-md-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }

  .grid-item-md-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }

  .grid-item-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid-item-md-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }

  .grid-item-md-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }

  .grid-item-md-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid-item-md-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }

  .grid-item-md-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }

  .grid-item-md-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1280px) {
  .grid-item-lg-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }

  .grid-item-lg-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }

  .grid-item-lg-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }

  .grid-item-lg-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }

  .grid-item-lg-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid-item-lg-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }

  .grid-item-lg-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }

  .grid-item-lg-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid-item-lg-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }

  .grid-item-lg-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }

  .grid-item-lg-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid-item-lg-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }

  .grid-item-lg-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }

  .grid-item-lg-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1920px) {
  .grid-item-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }

  .grid-item-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }

  .grid-item-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }

  .grid-item-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }

  .grid-item-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid-item-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }

  .grid-item-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }

  .grid-item-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid-item-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }

  .grid-item-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }

  .grid-item-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid-item-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }

  .grid-item-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }

  .grid-item-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 2560px) {
  .grid-item-xxl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }

  .grid-item-xxl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }

  .grid-item-xxl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }

  .grid-item-xxl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }

  .grid-item-xxl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid-item-xxl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }

  .grid-item-xxl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }

  .grid-item-xxl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid-item-xxl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }

  .grid-item-xxl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }

  .grid-item-xxl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid-item-xxl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }

  .grid-item-xxl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }

  .grid-item-xxl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
.paper {
  color: var(--palette-text-primary);
  background-color: var(--palette-surface);
  border-radius: var(--default-borderradius);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.paper-square {
  border-radius: 0px;
}

.paper-outlined {
  border: 1px solid var(--palette-lines-default);
}

.icon-default {
  color: var(--palette-text-secondary);
}

.disabled .icon-root, .disabled .svg-icon, .disabled .icon-default {
  color: var(--palette-text-disabled);
}

.icon-root {
  width: 1em;
  height: 1em;
  display: inline-block;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.icon-root:focus {
  outline: none;
}
.icon-root.svg-icon {
  fill: currentColor;
}

.icon-size-small {
  font-size: 1.25rem;
}

.icon-size-medium {
  font-size: 1.5rem;
}

.icon-size-large {
  font-size: 2.25rem;
}

.divider {
  margin: 0;
  flex-shrink: 0;
  border-color: var(--palette-divider);
  border-width: 1px;
  border-style: solid none none none;
}

.divider-absolute {
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
}

.divider-inset {
  margin-left: 72px;
  margin-inline-start: 72px;
  margin-inline-end: unset;
}

.divider-light {
  border-color: var(--palette-divider-light);
}

.divider-middle {
  margin-left: 16px;
  margin-right: 16px;
}

.divider-vertical {
  border-style: none solid none none;
  height: 100%;
}

.divider-flexitem {
  height: auto;
  align-self: stretch;
}

.drop-zone {
  position: relative;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.drop-zone-drag-block > * {
  pointer-events: none;
}

.drop-zone-can-drop {
  background-color: var(--palette-success-hover);
}

.drop-zone-no-drop {
  background-color: var(--palette-error-hover);
}

.drop-item:not(.drop-item-preview-start) {
  cursor: grab;
  user-select: none;
}
.drop-item:not(.drop-item-preview-start):active {
  cursor: grabbing;
}

.drop-item-preview-start {
  height: 20px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.expansion-panels {
  flex: 0 1 auto;
  position: relative;
  max-width: 100%;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  border-radius: var(--default-borderradius);
}
.expansion-panels.expansion-panels-square {
  border-radius: 0px;
}
.expansion-panels.expansion-panels-borders .expand-panel {
  border-bottom: 1px solid var(--palette-lines-default);
}

.expand-panel {
  flex: 1 0 100%;
  max-width: 100%;
  position: relative;
  transition: margin 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition-delay: 100ms;
  color: var(--palette-text-primary);
  background-color: var(--palette-surface);
}
.expand-panel.expand-panel-border {
  border-bottom: 1px solid var(--palette-lines-default);
}
.expand-panel:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.expand-panel:last-child {
  border-bottom: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.expand-panel.panel-expanded {
  margin: 16px 0;
  border-radius: inherit;
  border-bottom: none;
  transition-delay: 0ms;
}
.expand-panel.panel-expanded:first-child {
  margin-top: 0;
}
.expand-panel.panel-expanded:last-child {
  margin-bottom: 0;
}
.expand-panel.panel-expanded + .expand-panel {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.expand-panel.panel-next-expanded {
  border-bottom: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.expand-panel .expand-panel-header {
  width: 100%;
  align-items: center;
  display: flex;
  font-size: 0.9375rem;
  line-height: 1;
  min-height: 48px;
  outline: none;
  padding: 16px 24px;
  position: relative;
  transition: min-height 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  user-select: none;
}
.expand-panel .expand-panel-header:hover {
  cursor: pointer;
}
.expand-panel .expand-panel-header .expand-panel-text {
  flex: 1 1 auto;
}
.expand-panel .expand-panel-header .expand-panel-icon {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
}
.expand-panel .expand-panel-header .expand-panel-icon.transform {
  transform: rotate(-180deg);
}
.expand-panel .expand-panel-content {
  padding: 0 24px 16px;
  flex: 1 1 auto;
  max-width: 100%;
}
.expand-panel .expand-panel-content.expand-panel-gutters {
  padding-left: 0px;
  padding-right: 0px;
}
.expand-panel .expand-panel-content.expand-panel-dense {
  padding-top: 0px;
  padding-bottom: 0px;
}

.disabled > .expand-panel-header {
  color: var(--palette-text-disabled);
}
.disabled > .expand-panel-header:hover {
  cursor: default;
}

.fab {
  padding: 0;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-size);
  font-weight: var(--typography-button-weight);
  line-height: var(--typography-button-lineheight);
  letter-spacing: var(--typography-button-letterspacing);
  text-transform: var(--typography-button-text-transform);
  min-width: 0;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 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(--palette-text-primary);
  background-color: var(--palette-action-default-hover);
}
.fab:hover, .fab:focus-visible {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  text-decoration: none;
  background-color: var(--palette-action-disabled-background);
}
.fab:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.fab:disabled {
  color: var(--palette-action-disabled);
  box-shadow: none;
  background-color: var(--palette-action-disabled-background);
  cursor: default;
  pointer-events: none;
}
.fab:disabled:hover {
  background-color: var(--palette-action-disabled-background);
}

.fab-disable-elevation {
  box-shadow: none;
}
.fab-disable-elevation:hover {
  box-shadow: none;
}
.fab-disable-elevation:active {
  box-shadow: none;
}
.fab-disable-elevation.focus-visible {
  box-shadow: none;
}
.fab-disable-elevation:disabled {
  box-shadow: none;
}

.fab-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.fab-primary {
  color: var(--palette-primary-text);
  background-color: var(--palette-primary);
}
.fab-primary:hover, .fab-primary:focus-visible {
  background-color: var(--palette-primary-darken);
}

.fab-secondary {
  color: var(--palette-secondary-text);
  background-color: var(--palette-secondary);
}
.fab-secondary:hover, .fab-secondary:focus-visible {
  background-color: var(--palette-secondary-darken);
}

.fab-tertiary {
  color: var(--palette-tertiary-text);
  background-color: var(--palette-tertiary);
}
.fab-tertiary:hover, .fab-tertiary:focus-visible {
  background-color: var(--palette-tertiary-darken);
}

.fab-info {
  color: var(--palette-info-text);
  background-color: var(--palette-info);
}
.fab-info:hover, .fab-info:focus-visible {
  background-color: var(--palette-info-darken);
}

.fab-success {
  color: var(--palette-success-text);
  background-color: var(--palette-success);
}
.fab-success:hover, .fab-success:focus-visible {
  background-color: var(--palette-success-darken);
}

.fab-warning {
  color: var(--palette-warning-text);
  background-color: var(--palette-warning);
}
.fab-warning:hover, .fab-warning:focus-visible {
  background-color: var(--palette-warning-darken);
}

.fab-error {
  color: var(--palette-error-text);
  background-color: var(--palette-error);
}
.fab-error:hover, .fab-error:focus-visible {
  background-color: var(--palette-error-darken);
}

.fab-dark {
  color: var(--palette-dark-text);
  background-color: var(--palette-dark);
}
.fab-dark:hover, .fab-dark:focus-visible {
  background-color: var(--palette-dark-darken);
}

.fab-extended.fab-size-large {
  width: auto;
  height: 48px;
  padding: 0 16px;
  min-width: 48px;
  min-height: auto;
  border-radius: 24px;
}
.fab-extended.fab-size-large .fab-label {
  gap: 8px;
}
.fab-extended.fab-size-small {
  width: auto;
  height: 34px;
  padding: 0 12px;
  min-width: 34px;
  border-radius: 17px;
}
.fab-extended.fab-size-small .fab-label {
  gap: 4px;
}
.fab-extended.fab-size-medium {
  width: auto;
  height: 40px;
  padding: 0 16px;
  min-width: 40px;
  border-radius: 20px;
}
.fab-extended.fab-size-medium .fab-label {
  gap: 8px;
}

.fab-color-inherit {
  color: inherit;
}

.fab-size-small {
  width: 40px;
  height: 40px;
}

.fab-size-medium {
  width: 48px;
  height: 48px;
}

.fab-size-large {
  width: 56px;
  height: 56px;
}

.list {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
.list.list-padding {
  padding-top: 8px;
  padding-bottom: 8px;
}

.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;
}
.list-item.list-item-dense {
  padding-top: 4px;
  padding-bottom: 4px;
}
.list-item.list-item-disabled {
  color: var(--palette-action-disabled) !important;
  cursor: default !important;
  pointer-events: none !important;
}
.list-item.list-item-disabled .list-item-icon {
  color: var(--palette-action-disabled) !important;
}

.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(0.4, 0, 0.2, 1) 0ms;
}
.list-item-clickable:hover {
  background-color: var(--palette-action-default-hover);
}
.list-item-clickable:focus:not(.selected-item) {
  background-color: var(--palette-action-default-hover);
}

.list-item-gutters {
  padding-left: 16px;
  padding-right: 16px;
}

.list-item-text {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}

.list-item-text-inset {
  padding-left: 56px;
  padding-inline-start: 56px;
  padding-inline-end: unset;
}

.list-item-icon {
  color: var(--palette-action-default);
  display: inline-flex;
  min-width: 56px;
  flex-shrink: 0;
}

.list-subheader {
  color: var(--palette-action-default);
  font-size: 0.875rem;
  box-sizing: border-box;
  list-style: none;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 20px;
}

.list-subheader-gutters {
  padding-left: 16px;
  padding-right: 16px;
}

.list-subheader-inset {
  padding-left: 72px;
  padding-inline-start: 72px;
  padding-inline-end: unset;
}

.list-subheader-sticky {
  top: 0;
  z-index: 1;
  position: sticky;
  background-color: inherit;
}

.list-item-avatar {
  min-width: 56px;
  flex-shrink: 0;
}

.nested-list > .list-item {
  padding-left: 32px;
  padding-inline-start: 32px;
  padding-inline-end: unset;
}

.application-layout-rtl {
  direction: rtl;
}

.menu {
  display: inline-flex;
  align-self: center;
  position: relative;
}
.menu * {
  cursor: pointer;
}
.menu > div.disabled {
  cursor: default;
}
.menu > div.disabled * {
  cursor: default;
}
.menu > div.menu-activator {
  display: contents;
}

.link.link-underline-none {
  text-decoration: none;
}
.link.link-underline-hover {
  text-decoration: none;
}
.link.link-underline-hover:hover, .link.link-underline-hover:focus-visible {
  text-decoration: underline;
}
.link.link-underline-always {
  text-decoration: underline;
}
.link.link-disabled {
  cursor: default;
  color: var(--palette-action-disabled) !important;
}
.link.link-disabled:not(.link-underline-always) {
  text-decoration: none;
}

.navmenu {
  margin: 0;
  position: relative;
  list-style: none;
  overscroll-behavior-y: contain;
}

.nav-group {
  width: 100%;
  display: block;
  justify-content: flex-start;
}
.nav-group > .nav-link > .nav-link-text {
  font-weight: 500;
}
.nav-group * .nav-group > .nav-link > .nav-link-text {
  font-weight: 400;
}
.nav-group * .nav-group > .nav-link.expanded > .nav-link-text {
  font-weight: 500;
}
.nav-group * .navmenu .nav-item .nav-link {
  padding-left: 36px;
  padding-inline-start: 36px;
  padding-inline-end: unset;
}

.nav-group-disabled, .nav-group-disabled .nav-link-text, .nav-group-disabled .nav-link-expand-icon, .nav-group-disabled .nav-link-icon {
  color: var(--palette-text-disabled) !important;
  cursor: default;
  pointer-events: none;
}

.nav-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
}

.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(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;
}
.nav-link.nav-link-disabled {
  color: var(--palette-text-disabled) !important;
  cursor: default;
  pointer-events: none;
}
.nav-link:hover:not(.nav-link-disabled) {
  cursor: pointer;
  text-decoration: none;
  background-color: var(--palette-action-default-hover);
}
.nav-link:focus:not(.nav-link-disabled) {
  background-color: var(--palette-action-default-hover);
}
.nav-link.active:not(.nav-link-disabled) {
  font-weight: 500 !important;
}
.nav-link:not(.nav-link-disabled) .nav-link-icon.nav-link-icon-default {
  color: var(--palette-drawer-icon);
}
.nav-link.nav-link-disabled .nav-link-icon {
  color: var(--palette-text-disabled);
}
.nav-link .nav-link-expand-icon {
  color: var(--palette-drawer-icon);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
}
.nav-link .nav-link-expand-icon.transform {
  transform: rotate(-180deg);
}
.nav-link .nav-link-expand-icon.transform-disabled {
  transform: rotate(-180deg);
}
.nav-link .nav-link-text {
  width: 100%;
  text-align: start;
  margin-left: 12px;
  margin-inline-start: 12px;
  margin-inline-end: unset;
  letter-spacing: 0;
}

.navmenu.navmenu-dense .nav-link {
  padding: 4px 16px 4px 16px;
}
.navmenu.navmenu-margin-dense .nav-link {
  margin: 2px 0;
}
.navmenu.navmenu-margin-normal .nav-link {
  margin: 4px 0;
}
.navmenu.navmenu-rounded .nav-link {
  border-radius: var(--default-borderradius);
}
.navmenu.navmenu-bordered .nav-link.active:not(.nav-link-disabled) {
  border-inline-end-style: solid;
  border-inline-end-width: 2px;
}
.navmenu.navmenu-default .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-primary);
  background-color: var(--palette-action-default-hover);
}
.navmenu.navmenu-default .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-default .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: var(--palette-action-default-hover);
}
.navmenu.navmenu-default .nav-link-expand-icon.transform {
  fill: var(--palette-primary);
}
.navmenu.navmenu-primary .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-primary);
  background-color: var(--palette-primary-hover);
}
.navmenu.navmenu-primary .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-primary .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-primary-rgb), 0.12);
}
.navmenu.navmenu-primary .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-primary);
}
.navmenu.navmenu-primary .nav-link-expand-icon.transform {
  fill: var(--palette-primary);
}
.navmenu.navmenu-secondary .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-secondary);
  background-color: var(--palette-secondary-hover);
}
.navmenu.navmenu-secondary .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-secondary .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-secondary-rgb), 0.12);
}
.navmenu.navmenu-secondary .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-secondary);
}
.navmenu.navmenu-secondary .nav-link-expand-icon.transform {
  fill: var(--palette-secondary);
}
.navmenu.navmenu-tertiary .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-tertiary);
  background-color: var(--palette-tertiary-hover);
}
.navmenu.navmenu-tertiary .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-tertiary .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-tertiary-rgb), 0.12);
}
.navmenu.navmenu-tertiary .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-tertiary);
}
.navmenu.navmenu-tertiary .nav-link-expand-icon.transform {
  fill: var(--palette-tertiary);
}
.navmenu.navmenu-info .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-info);
  background-color: var(--palette-info-hover);
}
.navmenu.navmenu-info .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-info .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-info-rgb), 0.12);
}
.navmenu.navmenu-info .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-info);
}
.navmenu.navmenu-info .nav-link-expand-icon.transform {
  fill: var(--palette-info);
}
.navmenu.navmenu-success .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-success);
  background-color: var(--palette-success-hover);
}
.navmenu.navmenu-success .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-success .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-success-rgb), 0.12);
}
.navmenu.navmenu-success .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-success);
}
.navmenu.navmenu-success .nav-link-expand-icon.transform {
  fill: var(--palette-success);
}
.navmenu.navmenu-warning .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-warning);
  background-color: var(--palette-warning-hover);
}
.navmenu.navmenu-warning .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-warning .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-warning-rgb), 0.12);
}
.navmenu.navmenu-warning .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-warning);
}
.navmenu.navmenu-warning .nav-link-expand-icon.transform {
  fill: var(--palette-warning);
}
.navmenu.navmenu-error .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-error);
  background-color: var(--palette-error-hover);
}
.navmenu.navmenu-error .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-error .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-error-rgb), 0.12);
}
.navmenu.navmenu-error .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-error);
}
.navmenu.navmenu-error .nav-link-expand-icon.transform {
  fill: var(--palette-error);
}
.navmenu.navmenu-dark .nav-link.active:not(.nav-link-disabled) {
  color: var(--palette-dark);
  background-color: var(--palette-dark-hover);
}
.navmenu.navmenu-dark .nav-link.active:not(.nav-link-disabled):hover:not(.nav-link-disabled), .navmenu.navmenu-dark .nav-link.active:not(.nav-link-disabled):focus-visible:not(.nav-link-disabled) {
  background-color: rgba(var(--palette-dark-rgb), 0.12);
}
.navmenu.navmenu-dark .nav-link.active:not(.nav-link-disabled) .nav-link-icon {
  color: var(--palette-dark);
}
.navmenu.navmenu-dark .nav-link-expand-icon.transform {
  fill: var(--palette-dark);
}

.nav-group * .navmenu > .nav-group .nav-link {
  padding-left: 36px;
  padding-inline-start: 36px;
  padding-inline-end: 16px;
}
.nav-group * .navmenu > .nav-group * .navmenu .nav-item .nav-link {
  padding-left: 48px;
  padding-inline-start: 48px;
}
.nav-group * .navmenu > .nav-group * .navmenu > .nav-group .nav-link {
  padding-left: 48px;
  padding-inline-start: 48px;
  padding-inline-end: 16px;
}
.nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu .nav-item .nav-link {
  padding-left: 60px;
  padding-inline-start: 60px;
  padding-inline-end: 0;
}
.nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu > .nav-group .nav-link {
  padding-left: 60px;
  padding-inline-start: 60px;
  padding-inline-end: 16px;
}
.nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu .nav-item .nav-link {
  padding-left: 72px;
  padding-inline-start: 72px;
  padding-inline-end: 0;
}

.drawer--closed.drawer-mini > .drawer-content > .navmenu .nav-link .icon-root:first-child + .nav-link-text {
  display: none;
}
.drawer--closed.drawer-mini .nav-group * .navmenu .nav-item .nav-link {
  padding: 8px 16px 8px 16px;
}
.drawer--closed.drawer-mini .nav-group * .navmenu > .nav-group .nav-link {
  padding: 8px 16px 8px 16px;
}
.drawer--closed.drawer-mini .nav-group * .navmenu > .nav-group * .navmenu .nav-item .nav-link {
  padding: 8px 16px 8px 16px;
}
.drawer--closed.drawer-mini .nav-group * .navmenu > .nav-group * .navmenu > .nav-group .nav-link {
  padding: 8px 16px 8px 16px;
}
.drawer--closed.drawer-mini .nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu .nav-item .nav-link {
  padding: 8px 16px 8px 16px;
}
.drawer--closed.drawer-mini .nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu > .nav-group .nav-link {
  padding: 8px 16px 8px 16px;
}
.drawer--closed.drawer-mini .nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu > .nav-group * .navmenu .nav-item .nav-link {
  padding: 8px 16px 8px 16px;
}

.page-content-navigation .page-content-navigation-navlink.active .nav-link {
  color: var(--palette-primary);
  border-color: var(--palette-primary);
  background-color: transparent;
}
.page-content-navigation .page-content-navigation-navlink .nav-link {
  padding: 4px 16px 4px 16px;
  color: var(--palette-text-secondary);
  border-left: 2px solid var(--palette-action-disabled-background);
}
.page-content-navigation .page-content-navigation-navlink .nav-link.active {
  color: var(--palette-primary);
  border-color: var(--palette-primary);
  background-color: transparent;
}
.page-content-navigation .page-content-navigation-navlink .nav-link .nav-link-text {
  margin-left: 0px;
  margin-inline-start: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pagination {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 0;
}
.pagination .pagination-item > * {
  height: 32px;
  min-width: 32px;
  margin: 0 3px;
  padding: 0 6px;
  text-align: center;
  border-radius: 16px;
}
.pagination .pagination-item :not(pagination-item-selected) > * {
  box-shadow: none;
}
.pagination .pagination-item .button {
  line-height: normal;
}
.pagination .pagination-item .icon-button {
  padding: 0;
}
.pagination .pagination-item-rectangular .button {
  border-radius: var(--default-borderradius);
}
.pagination .pagination-item .typography[disabled] {
  color: var(--palette-action-disabled) !important;
}
.pagination-outlined .pagination-item-selected .button-outlined-default {
  background-color: var(--palette-action-default-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-primary {
  background-color: var(--palette-primary-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-secondary {
  background-color: var(--palette-secondary-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-tertiary {
  background-color: var(--palette-tertiary-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-info {
  background-color: var(--palette-info-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-success {
  background-color: var(--palette-success-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-warning {
  background-color: var(--palette-warning-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-error {
  background-color: var(--palette-error-hover);
}
.pagination-outlined .pagination-item-selected .button-outlined-dark {
  background-color: var(--palette-dark-hover);
}
.pagination-filled .pagination-item:not(.pagination-item-selected) .button {
  background-color: var(--palette-surface);
}
.pagination-filled .pagination-item .button {
  box-shadow: var(--elevation-1);
}
.pagination-small .pagination-item > * {
  height: 26px;
  min-width: 26px;
  margin: 0 1px;
  padding: 0 4px;
  border-radius: 13px;
}
.pagination-large .pagination-item > * {
  height: 40px;
  min-width: 40px;
  padding: 0 10px;
  border-radius: 20px;
}
.pagination-disable-elevation .pagination-item .button {
  box-shadow: none;
}
.pagination-rtl .pagination-item .icon-root {
  transform: scaleX(-1);
}

.picker.rounded {
  border-radius: var(--default-borderradius);
}
.picker .picker-actions {
  flex: 0 0 auto;
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: flex-end;
}
.picker .picker-actions > :not(:first-child) {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset;
}

.picker-inline {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  max-width: 100%;
}
.picker-inline.picker-input-button .input, .picker-inline.picker-input-button .input .input-root {
  cursor: pointer;
}
.picker-inline.picker-input-button.disabled .input, .picker-inline.picker-input-button.disabled .input .input-root {
  cursor: default;
}
.picker-inline.picker-input-text {
  cursor: text;
}
.picker-inline.picker-input-text:hover {
  cursor: text;
}
.picker-inline.picker-input-text.disabled {
  cursor: default;
}
.picker-inline.picker-input-text.disabled:hover {
  cursor: default;
}

.picker-static {
  display: flex;
  overflow: hidden;
  min-width: 310px;
  flex-direction: column;
}

.picker-container {
  display: flex;
  flex-direction: column;
  border-radius: inherit;
}
.picker-container.picker-container-landscape {
  flex-direction: row;
}
.picker-container .toolbar {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.picker-popover-paper {
  outline: 0;
  z-index: calc(var(--zindex-popover) + 1);
  position: absolute;
  min-width: 16px;
  min-height: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}

.picker-view {
  display: none;
  margin-top: 20px;
}
.picker-view.picker-open {
  display: block;
  animation: animation-fadein 251ms;
}

.picker-content {
  display: flex;
  max-width: 100%;
  min-width: 310px;
  min-height: 305px;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
}
.picker-content.picker-content-landscape {
  padding: 0 8px;
}

.picker-toolbar {
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.picker-toolbar.picker-toolbar-landscape {
  height: auto;
  padding: 8px;
  max-width: 150px;
  justify-content: flex-start;
}
.picker-toolbar.button-root {
  padding: 0;
  min-width: 16px;
  text-transform: none;
}

.picker-inline-paper .paper {
  position: relative !important;
}

.picker-hidden {
  visibility: hidden;
}

.picker-pos-top {
  top: 0px;
  position: fixed;
  visibility: visible;
}
.picker-pos-top.picker-pos-left {
  left: 10px;
}
.picker-pos-top.picker-pos-right {
  right: 10px;
}

.picker-pos-above {
  bottom: 0px;
  visibility: visible;
}
.picker-pos-above.picker-pos-left {
  left: 50%;
  transform: translateX(-50%);
}
.picker-pos-above.picker-pos-right {
  right: 0px;
}

.picker-pos-bottom {
  bottom: 10px;
  position: fixed;
  visibility: visible;
}
.picker-pos-bottom.picker-pos-left {
  left: 10px;
}
.picker-pos-bottom.picker-pos-right {
  right: 10px;
}

.picker-pos-below {
  visibility: visible;
}
.picker-pos-below.picker-pos-left {
  left: 50%;
  transform: translateX(-50%);
}
.picker-pos-below.picker-pos-right {
  right: 0px;
}

.picker-datepicker-toolbar {
  align-items: flex-start;
  flex-direction: column;
}
.picker-datepicker-toolbar .button-year {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.picker-datepicker-toolbar .button-date {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: 0.00735em;
  text-transform: none;
}

.picker-datepicker-toolbar-landscape {
  padding: 16px;
}

.picker-datepicker-date-landscape {
  margin-right: 16px;
  margin-inline-end: 16px;
  margin-inline-start: unset;
}

.picker-calendar-header-switch {
  display: flex;
  margin-top: 4px;
  align-items: center;
  margin-bottom: 8px;
  justify-content: space-between;
}
.picker-calendar-header-switch > .icon-button {
  z-index: 1;
  padding: 8px;
  margin: 6px;
  background-color: var(--palette-surface);
}
.picker-calendar-header-switch > .icon-button:hover {
  background-color: var(--palette-action-default-hover);
}
.picker-calendar-header-switch .picker-calendar-header-transition {
  width: 100%;
  height: 23px;
  overflow: hidden;
}
.picker-calendar-header-switch .picker-calendar-header-transition:hover .typography {
  cursor: pointer;
  font-weight: 500;
}

.picker-calendar-header-day {
  display: flex;
  max-height: 16px;
  align-items: center;
  justify-content: center;
}
.picker-calendar-header-day .day-label {
  color: var(--palette-text-secondary);
  width: 36px;
  margin: 0 2px;
  text-align: center;
}

.picker-year-container {
  height: 300px;
  overflow-y: auto;
}
.picker-year-container .picker-year {
  cursor: pointer;
  height: 40px;
  display: flex;
  outline: none;
  align-items: center;
  justify-content: center;
  user-select: none;
  animation: animation-fadein 500ms;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.picker-year-container .picker-year:hover {
  background-color: var(--palette-action-default-hover);
}
.picker-year-container .picker-year .picker-year-selected {
  margin: 10px 0;
  font-weight: 500;
}

.picker-month-container {
  width: 310px;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
}
.picker-month-container .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;
}
.picker-month-container .picker-month:hover {
  background-color: var(--palette-action-default-hover);
}
.picker-month-container .picker-month .picker-month-selected {
  font-weight: 500;
}
.picker-month-container .picker-month.disabled {
  color: var(--palette-text-disabled);
  pointer-events: none;
}

.picker-slide-transition {
  display: block;
  position: relative;
}

.picker-slide-transition > * {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.picker-calendar-transition {
  margin-top: 12px;
  min-height: 216px;
}

.picker-calendar-progress-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.picker-calendar-content {
  display: grid;
  --selected-day: 0;
  grid-column-gap: 10px;
  grid-template-columns: auto;
}

@media (min-width: 600px) {
  .picker-calendar-content:not(.picker-calendar-content-1) {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-1 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-3 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-5 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-7 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-9 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-11 .picker-nav-button-next {
    visibility: hidden;
  }
  .picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-1 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-3 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-5 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-7 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-9 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-11 .picker-nav-button-prev {
    visibility: visible;
  }
  .picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-2 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-4 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-6 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-8 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-10 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-12 .picker-nav-button-next {
    visibility: visible;
  }
  .picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-2 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-4 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-6 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-8 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-10 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1) .picker-calendar-header-12 .picker-nav-button-prev {
    visibility: hidden;
  }
}
@media (min-width: 960px) {
  .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-1 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-4 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-7 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-10 .picker-nav-button-next {
    visibility: hidden;
  }
  .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-1 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-4 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-7 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-10 .picker-nav-button-prev {
    visibility: visible;
  }
  .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-2 .picker-nav-button-next, .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-2 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-5 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-5 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-8 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-8 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-11 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-11 .picker-nav-button-prev {
    visibility: hidden;
  }
  .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-3 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-6 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-9 .picker-nav-button-next,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-12 .picker-nav-button-next {
    visibility: visible;
  }
  .picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-3 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-6 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-9 .picker-nav-button-prev,
.picker-calendar-content:not(.picker-calendar-content-1):not(.picker-calendar-content-2) .picker-calendar-header-12 .picker-nav-button-prev {
    visibility: hidden;
  }
}
:not(.picker-hidden) .picker-calendar-header-last .picker-nav-button-next {
  visibility: inherit !important;
}

.picker-hidden .picker-nav-button-next, .picker-hidden .picker-nav-button-prev {
  visibility: hidden !important;
}

.picker-calendar-container {
  display: flex;
  width: 310px;
  flex-direction: column;
}

.picker-calendar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.picker-calendar .day {
  color: var(--palette-text-primary);
  width: 36px;
  height: 36px;
  margin: 0 2px;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 500;
}
.picker-calendar .day:hover {
  background-color: var(--palette-action-default-hover);
}
.picker-calendar .day.hidden {
  opacity: 0;
  pointer-events: none;
}
.picker-calendar .day.current {
  font-weight: 600;
}
.picker-calendar .day.selected {
  font-weight: 500;
}
.picker-calendar .day .typography {
  margin-top: 2px;
}
.picker-calendar .day.disabled {
  color: var(--palette-text-disabled);
  pointer-events: none;
}
.picker-calendar .day.range {
  margin: 0;
  width: 40px;
  transition: none;
}
.picker-calendar .day.range.range-start-selected {
  border-radius: 50% 0% 0% 50%;
}
.picker-calendar .day.range.range-end-selected {
  border-radius: 0% 50% 50% 0%;
}
.picker-calendar .day.range.range-between {
  border-radius: 0;
  background-color: var(--palette-action-default-hover);
}
.picker-calendar .day.range.range-selection:hover.range-start-selected {
  border-radius: 50%;
}
.picker-calendar .day.range.range-selection:hover:not(.range-start-selected) {
  border-radius: 0% 50% 50% 0%;
}
.picker-calendar .day.range.range-selection:not(:hover):not(.range-start-selected) {
  border-radius: 0;
  background: linear-gradient(var(--palette-action-default-hover) 100%, var(--palette-action-default-hover) 100%, transparent 0%);
  background-size: 100% calc(100% * (var(--selected-day) - var(--day-id)));
}

.range-selection-primary:hover {
  color: var(--palette-primary-text) !important;
  background-color: var(--palette-primary) !important;
}

.range-selection-secondary:hover {
  color: var(--palette-secondary-text) !important;
  background-color: var(--palette-secondary) !important;
}

.range-selection-tertiary:hover {
  color: var(--palette-tertiary-text) !important;
  background-color: var(--palette-tertiary) !important;
}

.range-selection-info:hover {
  color: var(--palette-info-text) !important;
  background-color: var(--palette-info) !important;
}

.range-selection-success:hover {
  color: var(--palette-success-text) !important;
  background-color: var(--palette-success) !important;
}

.range-selection-warning:hover {
  color: var(--palette-warning-text) !important;
  background-color: var(--palette-warning) !important;
}

.range-selection-error:hover {
  color: var(--palette-error-text) !important;
  background-color: var(--palette-error) !important;
}

.range-selection-dark:hover {
  color: var(--palette-dark-text) !important;
  background-color: var(--palette-dark) !important;
}

.picker-calendar-week {
  display: flex;
  margin: 0 5px;
  justify-content: center;
  align-items: center;
}
.picker-calendar-week .picker-calendar-week-text {
  width: 15px;
  margin-top: 2px !important;
  color: var(--palette-text-disabled);
}

.application-layout-rtl .picker-calendar .day.range.range-start-selected {
  border-radius: 0% 50% 50% 0%;
}
.application-layout-rtl .picker-calendar .day.range.range-end-selected {
  border-radius: 50% 0% 0% 50%;
}
.application-layout-rtl .picker-calendar .day.range.range-selection:hover:not(.range-start-selected) {
  border-radius: 50% 0% 0% 50%;
}

.picker-timepicker-toolbar .timepicker-button {
  padding: 0;
  min-width: 16px;
  text-transform: none;
}
.picker-timepicker-toolbar .timepicker-button.timepicker-toolbar-text {
  color: rgba(255, 255, 255, 0.54);
}
.picker-timepicker-toolbar .timepicker-button:hover {
  background-color: var(--theme-default-hover);
}
.picker-timepicker-toolbar .timepicker-hourminute {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.picker-timepicker-toolbar .timepicker-hourminute .timepicker-button {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.00833em;
}
.picker-timepicker-toolbar .timepicker-ampm {
  display: flex;
  margin-left: 20px;
  margin-right: -20px;
  margin-inline-start: 20px;
  margin-inline-end: -20px;
  flex-direction: column;
}
.picker-timepicker-toolbar .timepicker-ampm .timepicker-button {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.picker-timepicker-toolbar .timepicker-separator {
  cursor: default;
  margin: 0 4px 0 2px;
  margin-inline-start: 2px;
  margin-inline-end: 4px;
}
.picker-timepicker-toolbar.picker-timepicker-toolbar-landscape {
  flex-wrap: wrap;
  width: 150px;
  justify-content: center;
}
.picker-timepicker-toolbar.picker-timepicker-toolbar-landscape .timepicker-hourminute .timepicker-button {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: 0em;
}
.picker-timepicker-toolbar.picker-timepicker-toolbar-landscape .timepicker-ampm {
  display: flex;
  margin-left: 20px;
  margin-right: -20px;
  margin-inline-start: 20px;
  margin-inline-end: -20px;
  flex-direction: column;
}
.picker-timepicker-toolbar.picker-timepicker-toolbar-landscape .timepicker-ampm .timepicker-button {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.picker-timepicker-toolbar.picker-timepicker-toolbar-landscape .timepicker-separator {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: 0em;
}

.picker-time-container {
  margin: 16px 0 8px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.picker-time-container .picker-time-clock {
  width: 260px;
  height: 260px;
  position: relative;
  border-radius: 50%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.07);
}
.picker-time-container .picker-time-clock .picker-time-clock-mask {
  width: 100%;
  height: 100%;
  outline: none;
  position: absolute;
  user-select: none;
  touch-actions: none;
  pointer-events: auto;
}
.picker-time-container .picker-time-clock .picker-time-clock-pin {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.picker-time-container .picker-time-clock .picker-stick-inner {
  left: calc(50% - 1px);
  width: 3px;
  height: 35%;
  bottom: 0;
  position: absolute;
  transform-origin: center bottom 0px;
}
.picker-time-container .picker-time-clock .picker-stick-inner.hour:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48px;
  width: 48px;
  top: -60%;
  border-radius: 50%;
  background-color: inherit;
}
.picker-time-container .picker-time-clock .picker-stick-outer {
  left: calc(50% - 1px);
  width: 0;
  height: 35%;
  bottom: 35%;
  position: absolute;
  transform-origin: center bottom 0px;
}
.picker-time-container .picker-time-clock .picker-stick-outer.hour:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48px;
  width: 62px;
  top: -20px;
  border-radius: 50%;
  background-color: inherit;
}
.picker-time-container .picker-time-clock .picker-stick {
  left: calc(50% - 1px);
  width: 3px;
  height: 50%;
  bottom: 50%;
  position: absolute;
  transform-origin: center bottom 0px;
}
.picker-time-container .picker-time-clock .picker-stick.hour:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 62px;
  width: 62px;
  top: 20px;
  border-radius: 50%;
  background-color: inherit;
}
.picker-time-container .picker-time-clock .picker-stick.minute:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 44px;
  width: 15px;
  top: 20px;
  border-radius: 50%;
  background-color: inherit;
}
.picker-time-container .picker-time-clock .picker-time-clock-pointer {
  left: calc(50% - 1px);
  width: 2px;
  bottom: 50%;
  position: absolute;
  transform-origin: center bottom 0px;
}
.picker-time-container .picker-time-clock .picker-time-clock-pointer.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;
}
.picker-time-container .picker-time-clock .picker-time-clock-pointer .picker-time-clock-pointer-thumb {
  position: absolute;
  border-radius: 100%;
}
.picker-time-container .picker-time-clock .picker-time-clock-pointer .picker-time-clock-pointer-thumb.onclock-text {
  top: -19px;
  left: -13px;
  width: 28px;
  height: 28px;
  border: none;
  background-color: inherit;
}
.picker-time-container .picker-time-clock .picker-time-clock-pointer .picker-time-clock-pointer-thumb.onclock-minute {
  background: transparent;
  border: 2px solid;
  width: 10px;
  height: 10px;
  top: -9px;
  left: -4px;
}
.picker-time-container .picker-time-clock .clock-number {
  left: calc((100% - 32px) / 2);
  color: var(--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;
}

.time-picker-dial {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 350ms, opacity 350ms;
}

.time-picker-dial-out {
  opacity: 0;
}

.time-picker-hour.time-picker-dial-out {
  transform: scale(1.2, 1.2);
  transform-origin: center;
}

.time-picker-minute.time-picker-dial-out {
  transform: scale(0.8, 0.8);
  transform-origin: center;
}

.time-picker-dial-hidden {
  visibility: hidden;
}

.picker-container + .picker-color-toolbar {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.picker-container + .picker-color-content {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.picker-color-toolbar {
  height: 32px;
  padding-right: 2px;
  padding-left: 2px;
}

.picker-color-content {
  min-height: unset;
  position: relative;
}

.picker-color-picker {
  width: 312px;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.picker-color-picker .picker-color-overlay {
  width: 100%;
  height: 100%;
}
.picker-color-picker .picker-color-overlay.picker-color-overlay-white {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
.picker-color-picker .picker-color-overlay.picker-color-overlay-black {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
}
.picker-color-picker .picker-color-selector {
  position: absolute;
  top: -13px;
  left: -13px;
}

.picker-color-controls {
  width: 312px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.picker-color-controls .picker-color-controls-row {
  display: flex;
  align-items: center;
}
.picker-color-controls .picker-color-controls-row + .picker-color-controls-row {
  margin-top: 24px;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider {
  min-width: 224px;
  border-radius: var(--default-borderradius);
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .slider-input {
  height: 10px;
  border-radius: var(--default-borderradius);
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .slider-input::-webkit-slider-runnable-track {
  background: initial;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .slider-input::-moz-range-track {
  background: initial;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .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, 0.37) 0px 1px 4px 0px;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .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, 0.37) 0px 1px 4px 0px;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .slider-input:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px var(--palette-action-default-hover) !important;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider .slider-input:active::-moz-range-thumb {
  box-shadow: 0 0 0 2px var(--palette-action-default-hover) !important;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider.hue + .alpha {
  margin-top: 18px;
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider.hue .slider-input {
  background: linear-gradient(90deg, #FF0000, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #FF0000);
}
.picker-color-controls .picker-color-controls-row .picker-color-sliders .picker-color-slider.alpha .slider-input {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
}
.picker-color-controls .picker-color-controls-row .picker-color-inputs {
  display: flex;
  flex: 1 1 auto;
}
.picker-color-controls .picker-color-controls-row .picker-color-inputs .picker-color-inputfield {
  width: 100%;
  margin-right: 8px;
  margin-inline-end: 8px;
  margin-inline-start: unset;
}
.picker-color-controls .picker-color-controls-row .picker-color-inputs .picker-color-inputfield:last-of-type {
  margin-right: 0;
  margin-inline-end: 0;
  margin-inline-start: unset;
}
.picker-color-controls .picker-color-controls-row .picker-color-inputs .picker-color-inputfield .input input {
  padding: 6px;
  height: 1em;
  text-align: center;
  font-size: 14px;
}
.picker-color-controls .picker-color-controls-row .picker-color-inputs .picker-color-inputfield .input-helper-text {
  text-align: center;
}
.picker-color-controls .picker-color-controls-row .picker-color-inputs .picker-color-inputfield .input-helper-text div div {
  margin: auto;
}
.picker-color-controls .picker-color-controls-row .picker-control-switch {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset;
  padding-bottom: 16px;
}
.picker-color-controls .picker-color-controls-row .picker-color-collection {
  display: flex;
  min-width: 230px;
  justify-content: space-between;
}
.picker-color-controls .picker-color-controls-row .picker-color-collection .picker-color-dot {
  max-width: 38px;
}

.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(--default-borderradius);
  box-shadow: 0 0 6px rgba(127, 130, 134, 0.18);
}
.picker-color-dot:hover {
  cursor: pointer;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.picker-color-dot.picker-color-dot-current {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
}
.picker-color-dot .picker-color-fill {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.picker-color-dot + .picker-color-sliders {
  margin-left: 16px;
  margin-inline-start: 16px;
  margin-inline-end: unset;
}
.picker-color-dot + .picker-color-collection {
  margin-left: 10px;
  margin-inline-start: 10px;
  margin-inline-end: unset;
}

.picker-color-view {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 6px;
  background-color: var(--palette-surface);
}
.picker-color-view .picker-color-view-collection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.picker-color-view .picker-color-view-collection .picker-color-dot {
  max-width: 38px;
  margin: 8px;
}
.picker-color-view .picker-color-view-collection .picker-color-dot.selected {
  border-radius: 50%;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.picker-color-picker .picker-color-grid {
  display: flex;
  flex-wrap: wrap;
}
.picker-color-picker .picker-color-grid .picker-color-dot {
  height: 25px;
  min-width: 26px;
  max-width: 26px;
  border-radius: 0px;
  box-shadow: none;
}

.popover {
  outline: 0;
  z-index: calc(var(--zindex-popover) + 1);
  position: absolute;
  opacity: 0;
}
.popover.popover-fixed {
  position: fixed;
}
.popover.popover-relative-width {
  width: 100%;
}
.popover.popover-open {
  opacity: 1;
  transition: opacity;
}
.popover:not(.popover-open) {
  pointer-events: none;
  transition-duration: 0ms !important;
  transition-delay: 0ms !important;
}

.appbar .popover-cascading-value {
  z-index: calc(var(--zindex-appbar) + 2);
}

.drawer:not(.drawer-temporary) .popover-cascading-value {
  z-index: calc(var(--zindex-drawer) + 2);
}
.drawer.drawer-temporary .popover-cascading-value, .drawer.drawer-responsive .popover-cascading-value {
  z-index: calc(var(--zindex-appbar) + 4);
}

.dialog .popover-cascading-value {
  z-index: calc(var(--zindex-dialog) + 3);
}

.popover .list {
  max-height: inherit;
  overflow-y: auto;
}

.simple-table table {
  width: 100%;
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
}
.simple-table table thead {
  display: table-header-group;
}
.simple-table table tbody {
  display: table-row-group;
}
.simple-table table * tr {
  color: inherit;
  display: table-row;
  outline: 0;
  vertical-align: middle;
}
.simple-table table * tr > td, .simple-table table * tr th {
  display: table-cell;
  padding: 16px;
  font-size: 0.875rem;
  text-align: start;
  font-weight: 400;
  line-height: 1.43;
  border-bottom: 1px solid var(--palette-table-lines);
  letter-spacing: 0.01071em;
  vertical-align: inherit;
}
.simple-table table * tr > th {
  font-weight: 500;
  line-height: 1.5rem;
}
.simple-table table tbody tr:last-child td {
  border-bottom: none;
}

.simple-table.table-dense * tr td, .simple-table.table-dense * tr th {
  padding: 6px 16px;
}

.simple-table.table-hover .table-container table tbody tr:hover {
  background-color: var(--palette-table-hover);
}

.simple-table.table-bordered .table-container table tbody tr td {
  border-right: 1px solid var(--palette-table-lines);
}
.simple-table.table-bordered .table-container table tbody tr td:last-child {
  border-right: none;
}

.simple-table.table-striped .table-container table tbody tr:nth-of-type(odd) {
  background-color: var(--palette-table-striped);
}

.table-hover.table-striped .table-container table tbody tr:nth-of-type(odd):nth-of-type(odd):hover {
  background-color: var(--palette-table-hover);
}

.simple-table.table-sticky-header .table-container {
  overflow-x: auto;
  max-height: 100%;
}
.simple-table.table-sticky-header * table {
  border-collapse: separate;
}
.simple-table.table-sticky-header * table thead * th:first-child {
  border-radius: var(--default-borderradius) 0 0 0;
}
.simple-table.table-sticky-header * table thead * th:last-child {
  border-radius: 0 var(--default-borderradius) 0 0;
}
.simple-table.table-sticky-header * table thead * th {
  background-color: var(--palette-surface);
  position: sticky;
  z-index: 1;
  top: 0;
}

.simple-table.table-sticky-footer .table-container {
  overflow-x: auto;
  max-height: 100%;
}
.simple-table.table-sticky-footer * table {
  border-collapse: separate;
}
.simple-table.table-sticky-footer * table tfoot * td {
  background-color: var(--palette-surface);
  position: sticky;
  z-index: 1;
  bottom: 0;
}

.skeleton {
  height: 1.2em;
  display: block;
  background-color: rgba(0, 0, 0, 0.11);
}

.skeleton-text {
  height: auto;
  transform: scale(1, 0.6);
  margin-top: 0;
  border-radius: var(--default-borderradius);
  margin-bottom: 0;
  transform-origin: 0 60%;
}

.skeleton-text:empty:before {
  content: " ";
}

.skeleton-circle {
  border-radius: 50%;
}

.skeleton-pulse {
  animation: skeleton-keyframes-pulse 1.5s ease-in-out 0.5s infinite;
}

.skeleton-wave {
  overflow: hidden;
  position: relative;
}

.skeleton-wave::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  animation: skeleton-keyframes-wave 1.6s linear 0.5s infinite;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent);
}

.slider {
  color: var(--palette-text-primary);
  display: inline-block;
  width: 100%;
  user-select: none;
}
.slider > .typography {
  margin-top: 10px;
}
.slider.slider-vertical {
  transform: rotate(270deg);
  height: 100%;
  width: unset;
}
.slider .slider-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  display: block;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
}
.slider .slider-input:focus {
  outline: none;
}
.slider .slider-input:active + .slider-value-label {
  opacity: 1;
}
.slider .slider-input::-webkit-slider-runnable-track {
  border-radius: var(--default-borderradius);
  width: 100%;
}
.slider .slider-input::-moz-range-track {
  border-radius: var(--default-borderradius);
  width: 100%;
}
.slider .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;
}
.slider .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;
}
.slider .slider-input:disabled {
  cursor: default;
  opacity: 0.38;
}
.slider .slider-input:disabled::-webkit-slider-runnable-track {
  background-color: var(--palette-text-disabled);
}
.slider .slider-input:disabled::-moz-range-track {
  background-color: var(--palette-text-disabled);
}
.slider .slider-input:disabled::-webkit-slider-thumb {
  background-color: black;
  color: white;
  box-shadow: 0 0 0 1px white !important;
  transform: scale(4, 4);
}
.slider .slider-input:disabled::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 1px white !important;
}
.slider .slider-input:disabled::-moz-range-thumb {
  background-color: black;
  color: white;
  box-shadow: 0 0 0 1px white !important;
  transform: scale(4, 4);
}
.slider .slider-input:disabled::-moz-range-thumb:hover {
  box-shadow: 0 0 0 1px white !important;
}
.slider.slider-primary .slider-filled {
  background-color: var(--palette-primary);
}
.slider.slider-primary .slider-track-tick {
  background-color: var(--palette-primary);
}
.slider.slider-primary .slider-value-label {
  color: var(--palette-primary-text);
  background-color: var(--palette-primary);
}
.slider.slider-primary .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-primary-rgb), 0.3);
}
.slider.slider-primary .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-primary-rgb), 0.3);
}
.slider.slider-primary .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-primary);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-primary-rgb), 0.3);
}
.slider.slider-primary .slider-input::-moz-range-thumb {
  background-color: var(--palette-primary);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-primary-rgb), 0.3);
}
.slider.slider-primary .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-primary-rgb), 0.3), 0 0 0 1px rgba(var(--palette-primary-rgb), 0.24);
}
.slider.slider-primary .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-primary-rgb), 0.3), 0 0 0 1px rgba(var(--palette-primary-rgb), 0.24);
}
.slider.slider-primary .slider-input:active::-webkit-slider-thumb, .slider.slider-primary .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-primary-rgb), 0.3), 0 0 0 2px rgba(var(--palette-primary-rgb), 0.24);
}
.slider.slider-primary .slider-input:active::-moz-range-thumb, .slider.slider-primary .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-primary-rgb), 0.3), 0 0 0 2px rgba(var(--palette-primary-rgb), 0.24);
}
.slider.slider-secondary .slider-filled {
  background-color: var(--palette-secondary);
}
.slider.slider-secondary .slider-track-tick {
  background-color: var(--palette-secondary);
}
.slider.slider-secondary .slider-value-label {
  color: var(--palette-secondary-text);
  background-color: var(--palette-secondary);
}
.slider.slider-secondary .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-secondary-rgb), 0.3);
}
.slider.slider-secondary .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-secondary-rgb), 0.3);
}
.slider.slider-secondary .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-secondary);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-secondary-rgb), 0.3);
}
.slider.slider-secondary .slider-input::-moz-range-thumb {
  background-color: var(--palette-secondary);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-secondary-rgb), 0.3);
}
.slider.slider-secondary .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-secondary-rgb), 0.3), 0 0 0 1px rgba(var(--palette-secondary-rgb), 0.24);
}
.slider.slider-secondary .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-secondary-rgb), 0.3), 0 0 0 1px rgba(var(--palette-secondary-rgb), 0.24);
}
.slider.slider-secondary .slider-input:active::-webkit-slider-thumb, .slider.slider-secondary .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-secondary-rgb), 0.3), 0 0 0 2px rgba(var(--palette-secondary-rgb), 0.24);
}
.slider.slider-secondary .slider-input:active::-moz-range-thumb, .slider.slider-secondary .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-secondary-rgb), 0.3), 0 0 0 2px rgba(var(--palette-secondary-rgb), 0.24);
}
.slider.slider-tertiary .slider-filled {
  background-color: var(--palette-tertiary);
}
.slider.slider-tertiary .slider-track-tick {
  background-color: var(--palette-tertiary);
}
.slider.slider-tertiary .slider-value-label {
  color: var(--palette-tertiary-text);
  background-color: var(--palette-tertiary);
}
.slider.slider-tertiary .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-tertiary-rgb), 0.3);
}
.slider.slider-tertiary .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-tertiary-rgb), 0.3);
}
.slider.slider-tertiary .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-tertiary);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-tertiary-rgb), 0.3);
}
.slider.slider-tertiary .slider-input::-moz-range-thumb {
  background-color: var(--palette-tertiary);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-tertiary-rgb), 0.3);
}
.slider.slider-tertiary .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-tertiary-rgb), 0.3), 0 0 0 1px rgba(var(--palette-tertiary-rgb), 0.24);
}
.slider.slider-tertiary .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-tertiary-rgb), 0.3), 0 0 0 1px rgba(var(--palette-tertiary-rgb), 0.24);
}
.slider.slider-tertiary .slider-input:active::-webkit-slider-thumb, .slider.slider-tertiary .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-tertiary-rgb), 0.3), 0 0 0 2px rgba(var(--palette-tertiary-rgb), 0.24);
}
.slider.slider-tertiary .slider-input:active::-moz-range-thumb, .slider.slider-tertiary .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-tertiary-rgb), 0.3), 0 0 0 2px rgba(var(--palette-tertiary-rgb), 0.24);
}
.slider.slider-info .slider-filled {
  background-color: var(--palette-info);
}
.slider.slider-info .slider-track-tick {
  background-color: var(--palette-info);
}
.slider.slider-info .slider-value-label {
  color: var(--palette-info-text);
  background-color: var(--palette-info);
}
.slider.slider-info .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-info-rgb), 0.3);
}
.slider.slider-info .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-info-rgb), 0.3);
}
.slider.slider-info .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-info);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-info-rgb), 0.3);
}
.slider.slider-info .slider-input::-moz-range-thumb {
  background-color: var(--palette-info);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-info-rgb), 0.3);
}
.slider.slider-info .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-info-rgb), 0.3), 0 0 0 1px rgba(var(--palette-info-rgb), 0.24);
}
.slider.slider-info .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-info-rgb), 0.3), 0 0 0 1px rgba(var(--palette-info-rgb), 0.24);
}
.slider.slider-info .slider-input:active::-webkit-slider-thumb, .slider.slider-info .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-info-rgb), 0.3), 0 0 0 2px rgba(var(--palette-info-rgb), 0.24);
}
.slider.slider-info .slider-input:active::-moz-range-thumb, .slider.slider-info .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-info-rgb), 0.3), 0 0 0 2px rgba(var(--palette-info-rgb), 0.24);
}
.slider.slider-success .slider-filled {
  background-color: var(--palette-success);
}
.slider.slider-success .slider-track-tick {
  background-color: var(--palette-success);
}
.slider.slider-success .slider-value-label {
  color: var(--palette-success-text);
  background-color: var(--palette-success);
}
.slider.slider-success .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-success-rgb), 0.3);
}
.slider.slider-success .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-success-rgb), 0.3);
}
.slider.slider-success .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-success);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-success-rgb), 0.3);
}
.slider.slider-success .slider-input::-moz-range-thumb {
  background-color: var(--palette-success);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-success-rgb), 0.3);
}
.slider.slider-success .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-success-rgb), 0.3), 0 0 0 1px rgba(var(--palette-success-rgb), 0.24);
}
.slider.slider-success .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-success-rgb), 0.3), 0 0 0 1px rgba(var(--palette-success-rgb), 0.24);
}
.slider.slider-success .slider-input:active::-webkit-slider-thumb, .slider.slider-success .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-success-rgb), 0.3), 0 0 0 2px rgba(var(--palette-success-rgb), 0.24);
}
.slider.slider-success .slider-input:active::-moz-range-thumb, .slider.slider-success .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-success-rgb), 0.3), 0 0 0 2px rgba(var(--palette-success-rgb), 0.24);
}
.slider.slider-warning .slider-filled {
  background-color: var(--palette-warning);
}
.slider.slider-warning .slider-track-tick {
  background-color: var(--palette-warning);
}
.slider.slider-warning .slider-value-label {
  color: var(--palette-warning-text);
  background-color: var(--palette-warning);
}
.slider.slider-warning .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-warning-rgb), 0.3);
}
.slider.slider-warning .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-warning-rgb), 0.3);
}
.slider.slider-warning .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-warning);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-warning-rgb), 0.3);
}
.slider.slider-warning .slider-input::-moz-range-thumb {
  background-color: var(--palette-warning);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-warning-rgb), 0.3);
}
.slider.slider-warning .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-warning-rgb), 0.3), 0 0 0 1px rgba(var(--palette-warning-rgb), 0.24);
}
.slider.slider-warning .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-warning-rgb), 0.3), 0 0 0 1px rgba(var(--palette-warning-rgb), 0.24);
}
.slider.slider-warning .slider-input:active::-webkit-slider-thumb, .slider.slider-warning .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-warning-rgb), 0.3), 0 0 0 2px rgba(var(--palette-warning-rgb), 0.24);
}
.slider.slider-warning .slider-input:active::-moz-range-thumb, .slider.slider-warning .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-warning-rgb), 0.3), 0 0 0 2px rgba(var(--palette-warning-rgb), 0.24);
}
.slider.slider-error .slider-filled {
  background-color: var(--palette-error);
}
.slider.slider-error .slider-track-tick {
  background-color: var(--palette-error);
}
.slider.slider-error .slider-value-label {
  color: var(--palette-error-text);
  background-color: var(--palette-error);
}
.slider.slider-error .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-error-rgb), 0.3);
}
.slider.slider-error .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-error-rgb), 0.3);
}
.slider.slider-error .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-error);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-error-rgb), 0.3);
}
.slider.slider-error .slider-input::-moz-range-thumb {
  background-color: var(--palette-error);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-error-rgb), 0.3);
}
.slider.slider-error .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-error-rgb), 0.3), 0 0 0 1px rgba(var(--palette-error-rgb), 0.24);
}
.slider.slider-error .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-error-rgb), 0.3), 0 0 0 1px rgba(var(--palette-error-rgb), 0.24);
}
.slider.slider-error .slider-input:active::-webkit-slider-thumb, .slider.slider-error .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-error-rgb), 0.3), 0 0 0 2px rgba(var(--palette-error-rgb), 0.24);
}
.slider.slider-error .slider-input:active::-moz-range-thumb, .slider.slider-error .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-error-rgb), 0.3), 0 0 0 2px rgba(var(--palette-error-rgb), 0.24);
}
.slider.slider-dark .slider-filled {
  background-color: var(--palette-dark);
}
.slider.slider-dark .slider-track-tick {
  background-color: var(--palette-dark);
}
.slider.slider-dark .slider-value-label {
  color: var(--palette-dark-text);
  background-color: var(--palette-dark);
}
.slider.slider-dark .slider-input::-webkit-slider-runnable-track {
  background-color: rgba(var(--palette-dark-rgb), 0.3);
}
.slider.slider-dark .slider-input::-moz-range-track {
  background-color: rgba(var(--palette-dark-rgb), 0.3);
}
.slider.slider-dark .slider-input::-webkit-slider-thumb {
  background-color: var(--palette-dark);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-dark-rgb), 0.3);
}
.slider.slider-dark .slider-input::-moz-range-thumb {
  background-color: var(--palette-dark);
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-dark-rgb), 0.3);
}
.slider.slider-dark .slider-input::-webkit-slider-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-dark-rgb), 0.3), 0 0 0 1px rgba(var(--palette-dark-rgb), 0.24);
}
.slider.slider-dark .slider-input::-moz-range-thumb:hover {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-dark-rgb), 0.3), 0 0 0 1px rgba(var(--palette-dark-rgb), 0.24);
}
.slider.slider-dark .slider-input:active::-webkit-slider-thumb, .slider.slider-dark .slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-dark-rgb), 0.3), 0 0 0 2px rgba(var(--palette-dark-rgb), 0.24);
}
.slider.slider-dark .slider-input:active::-moz-range-thumb, .slider.slider-dark .slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0px 1px 2px -1px rgba(var(--palette-dark-rgb), 0.3), 0 0 0 2px rgba(var(--palette-dark-rgb), 0.24);
}
.slider.slider-small .slider-filled {
  height: 2px;
}
.slider.slider-small .slider-track-tick {
  width: 2px;
  height: 2px;
}
.slider.slider-small .slider-track-tick-label {
  transform: translateX(-50%) translateY(50%);
}
.slider.slider-small .slider-input::-webkit-slider-runnable-track {
  height: 2px;
  margin: 10px 0;
}
.slider.slider-small .slider-input::-moz-range-track {
  height: 2px;
  margin: 10px 0;
}
.slider.slider-small .slider-input::-webkit-slider-thumb {
  height: 2px;
  width: 2px;
  transform: scale(6, 6);
}
.slider.slider-small .slider-input::-moz-range-thumb {
  height: 2px;
  width: 2px;
  transform: scale(6, 6);
}
.slider.slider-medium .slider-filled {
  height: 4px;
}
.slider.slider-medium .slider-track-tick {
  width: 4px;
  height: 4px;
}
.slider.slider-medium .slider-track-tick-label {
  transform: translateX(-50%) translateY(80%);
}
.slider.slider-medium .slider-input::-webkit-slider-runnable-track {
  height: 4px;
  margin: 12px 0;
}
.slider.slider-medium .slider-input::-moz-range-track {
  height: 4px;
  margin: 12px 0;
}
.slider.slider-medium .slider-input::-webkit-slider-thumb {
  height: 4px;
  width: 4px;
  transform: scale(5, 5);
}
.slider.slider-medium .slider-input::-moz-range-thumb {
  height: 4px;
  width: 4px;
  transform: scale(5, 5);
}
.slider.slider-large .slider-filled {
  height: 6px;
}
.slider.slider-large .slider-track-tick {
  width: 6px;
  height: 6px;
}
.slider.slider-large .slider-track-tick-label {
  transform: translateX(-50%) translateY(110%);
}
.slider.slider-large .slider-input::-webkit-slider-runnable-track {
  height: 6px;
  margin: 14px 0;
}
.slider.slider-large .slider-input::-moz-range-track {
  height: 6px;
  margin: 14px 0;
}
.slider.slider-large .slider-input::-webkit-slider-thumb {
  height: 6px;
  width: 6px;
  transform: scale(4, 4);
}
.slider.slider-large .slider-input::-moz-range-thumb {
  height: 6px;
  width: 6px;
  transform: scale(4, 4);
}
.slider .slider-container {
  position: relative;
  width: 100%;
  display: flex;
  align-content: center;
}
.slider .slider-filled {
  border-radius: var(--default-borderradius);
}
.slider .slider-inner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.slider .slider-value-label {
  position: absolute;
  top: 0;
  transform: translateX(-50%) translateY(-125%);
  padding: 4px 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 2px;
  line-height: normal;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  user-select: none;
}
.slider .slider-tickmarks {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
.slider .slider-track-tick {
  border-radius: 9999%;
  background-color: var(--palette-primary);
}
.slider .slider-track-tick-label {
  position: absolute;
  top: 0;
  left: 0;
}

.progress-circular {
  display: inline-block;
  color: var(--palette-text-secondary);
}
.progress-circular.progress-indeterminate {
  animation: progress-circular-keyframes-circular-rotate 1.4s linear infinite;
}
.progress-circular.progress-static {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.progress-circular.progress-small {
  height: 24px;
  width: 24px;
}
.progress-circular.progress-medium {
  height: 40px;
  width: 40px;
}
.progress-circular.progress-large {
  height: 56px;
  width: 56px;
}

.progress-circular-svg {
  display: block;
  transform: rotate(-90deg);
}

.progress-circular-circle {
  stroke: currentColor;
}
.progress-circular-circle.progress-indeterminate {
  animation: progress-circular-keyframes-circular-dash 1.4s ease-in-out infinite;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0px;
}
.progress-circular-circle.progress-static {
  transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.progress-circular-disable-shrink {
  animation: none;
}

.progress-linear {
  position: relative;
}
.progress-linear::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.2;
}
.progress-linear.horizontal {
  width: 100%;
}
.progress-linear.horizontal.progress-linear-small {
  height: 4px;
}
.progress-linear.horizontal.progress-linear-medium {
  height: 8px;
}
.progress-linear.horizontal.progress-linear-large {
  height: 12px;
}
.progress-linear.horizontal .progress-linear-dashed {
  animation: progress-linear-horizontal-keyframes-buffer 3s infinite linear;
}
.progress-linear.vertical {
  height: 100%;
}
.progress-linear.vertical.progress-linear-small {
  width: 4px;
}
.progress-linear.vertical.progress-linear-medium {
  width: 8px;
}
.progress-linear.vertical.progress-linear-large {
  width: 12px;
}
.progress-linear .progress-linear-content {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progress-linear .progress-linear-bars {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.progress-linear .progress-linear-bar {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  transition: transform 0.2s linear;
  transform-origin: left;
}
.progress-linear .progress-linear-bar.progress-linear-1-indeterminate.horizontal {
  width: auto;
  animation: progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress-linear .progress-linear-bar.progress-linear-1-indeterminate.vertical {
  height: auto;
  animation: progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress-linear .progress-linear-bar.progress-linear-2-indeterminate.horizontal {
  width: auto;
  animation: progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
.progress-linear .progress-linear-bar.progress-linear-2-indeterminate.vertical {
  height: auto;
  animation: progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
.progress-linear.progress-linear-color-default:not(.progress-linear-buffer)::before {
  background-color: var(--palette-action-disabled);
}
.progress-linear.progress-linear-color-default:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-action-default);
}
.progress-linear.progress-linear-color-default.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-action-disabled) 0%, var(--palette-action-disabled) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-default.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-action-default);
}
.progress-linear.progress-linear-color-default.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-default.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-action-disabled);
}
.progress-linear.progress-linear-color-primary:not(.progress-linear-buffer)::before {
  background-color: var(--palette-primary);
}
.progress-linear.progress-linear-color-primary:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-primary);
}
.progress-linear.progress-linear-color-primary.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-primary) 0%, var(--palette-primary) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-primary.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-primary);
}
.progress-linear.progress-linear-color-primary.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-primary.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-primary);
}
.progress-linear.progress-linear-color-secondary:not(.progress-linear-buffer)::before {
  background-color: var(--palette-secondary);
}
.progress-linear.progress-linear-color-secondary:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-secondary);
}
.progress-linear.progress-linear-color-secondary.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-secondary) 0%, var(--palette-secondary) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-secondary.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-secondary);
}
.progress-linear.progress-linear-color-secondary.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-secondary.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-secondary);
}
.progress-linear.progress-linear-color-tertiary:not(.progress-linear-buffer)::before {
  background-color: var(--palette-tertiary);
}
.progress-linear.progress-linear-color-tertiary:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-tertiary);
}
.progress-linear.progress-linear-color-tertiary.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-tertiary) 0%, var(--palette-tertiary) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-tertiary.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-tertiary);
}
.progress-linear.progress-linear-color-tertiary.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-tertiary.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-tertiary);
}
.progress-linear.progress-linear-color-info:not(.progress-linear-buffer)::before {
  background-color: var(--palette-info);
}
.progress-linear.progress-linear-color-info:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-info);
}
.progress-linear.progress-linear-color-info.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-info) 0%, var(--palette-info) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-info.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-info);
}
.progress-linear.progress-linear-color-info.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-info.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-info);
}
.progress-linear.progress-linear-color-success:not(.progress-linear-buffer)::before {
  background-color: var(--palette-success);
}
.progress-linear.progress-linear-color-success:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-success);
}
.progress-linear.progress-linear-color-success.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-success) 0%, var(--palette-success) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-success.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-success);
}
.progress-linear.progress-linear-color-success.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-success.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-success);
}
.progress-linear.progress-linear-color-warning:not(.progress-linear-buffer)::before {
  background-color: var(--palette-warning);
}
.progress-linear.progress-linear-color-warning:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-warning);
}
.progress-linear.progress-linear-color-warning.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-warning) 0%, var(--palette-warning) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-warning.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-warning);
}
.progress-linear.progress-linear-color-warning.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-warning.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-warning);
}
.progress-linear.progress-linear-color-error:not(.progress-linear-buffer)::before {
  background-color: var(--palette-error);
}
.progress-linear.progress-linear-color-error:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-error);
}
.progress-linear.progress-linear-color-error.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-error) 0%, var(--palette-error) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-error.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-error);
}
.progress-linear.progress-linear-color-error.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-error.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-error);
}
.progress-linear.progress-linear-color-dark:not(.progress-linear-buffer)::before {
  background-color: var(--palette-dark);
}
.progress-linear.progress-linear-color-dark:not(.progress-linear-buffer) .progress-linear-bar {
  background-color: var(--palette-dark);
}
.progress-linear.progress-linear-color-dark.progress-linear-buffer .progress-linear-bar:first-child {
  background-size: 10px 10px;
  background-image: radial-gradient(var(--palette-dark) 0%, var(--palette-dark) 16%, transparent 42%);
  background-position: 0 -23px;
}
.progress-linear.progress-linear-color-dark.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  background-color: var(--palette-dark);
}
.progress-linear.progress-linear-color-dark.progress-linear-buffer .progress-linear-bar:last-child {
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-color-dark.progress-linear-buffer .progress-linear-bar:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.4;
  background-color: var(--palette-dark);
}
.progress-linear.progress-indeterminate.horizontal .progress-linear-bar:first-child {
  width: auto;
  animation: progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress-linear.progress-indeterminate.horizontal .progress-linear-bar:last-child {
  width: auto;
  animation: progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
.progress-linear.progress-indeterminate.vertical .progress-linear-bar:first-child {
  height: auto;
  animation: progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress-linear.progress-indeterminate.vertical .progress-linear-bar:last-child {
  height: auto;
  animation: progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
.progress-linear.progress-linear-buffer .progress-linear-bar:first-child {
  width: 100%;
  height: 100%;
  position: absolute;
  margin-top: 0;
}
.progress-linear.progress-linear-buffer .progress-linear-bar:nth-child(2) {
  z-index: 1;
  transition: transform 0.4s linear;
}
.progress-linear.progress-linear-buffer.horizontal .progress-linear-bar:first-child {
  animation: progress-linear-horizontal-keyframes-buffer 3s infinite linear;
}
.progress-linear.progress-linear-buffer.vertical .progress-linear-bar:first-child {
  animation: progress-linear-vertical-keyframes-buffer 3s infinite linear;
}
.progress-linear.progress-linear-striped .progress-linear-bar {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0.25) 75%, transparent 0, transparent);
  background-size: 40px 40px;
  background-repeat: repeat;
  animation: progress-linear-striped-loading 10s linear infinite;
}
.progress-linear.progress-linear-rounded {
  border-radius: var(--default-borderradius);
}
.progress-linear.progress-linear-rounded .progress-linear-bars {
  border-radius: var(--default-borderradius);
}
.progress-linear.progress-linear-rounded .progress-linear-bar {
  border-radius: var(--default-borderradius);
}

.radio {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: var(--palette-action-default);
}
.radio > .radio-content {
  color: var(--palette-text-primary);
}
.radio.disabled, .radio .disabled:hover, .radio .disabled:focus-visible {
  cursor: default;
  background-color: transparent !important;
}
.radio.disabled > .radio-content, .radio .disabled:hover > .radio-content, .radio .disabled:focus-visible > .radio-content {
  color: var(--palette-text-disabled);
}
.radio.disabled *, .radio .disabled:hover *, .radio .disabled:focus-visible * {
  cursor: default;
  color: var(--palette-text-disabled);
}
.radio .radio-dense {
  padding: 4px;
}
.radio.checked {
  color: var(--palette-action-default);
}
.radio.checked:hover {
  background-color: var(--palette-action-default-hover);
}

.radio-button {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}
.radio-button .radio-input {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}
.radio-button .radio-icons {
  display: flex;
  position: relative;
}

.radio-icons.checked .radio-icon-checked {
  transform: scale(1);
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.radio-icon-checked {
  left: 0;
  position: absolute;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
}

.radio-content-placement-start {
  margin-left: 16px;
  margin-right: -11px;
  margin-inline-start: 16px;
  margin-inline-end: -11px;
  flex-direction: row-reverse;
}
.radio-content-placement-end {
  margin-left: -11px;
  margin-right: 16px;
  margin-inline-start: -11px;
  margin-inline-end: 16px;
  flex-direction: row;
}
.radio-content-placement-top {
  margin-left: 16px;
  margin-inline-start: 16px;
  margin-inline-end: unset;
  flex-direction: column-reverse;
}
.radio-content-placement-bottom {
  margin-left: 16px;
  margin-inline-start: 16px;
  margin-inline-end: unset;
  flex-direction: column;
}

.rating-root {
  display: inline-flex;
  color: #ffb400;
}
.rating-root:focus-visible {
  outline: none;
}
.rating-root:focus-visible:not(.disabled) {
  background-color: var(--palette-action-default-hover);
}

.rating-item {
  cursor: pointer;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.rating-item.rating-item-active {
  transform: scale(1.2);
}
.rating-item.disabled, .rating-item .disabled:hover {
  cursor: default;
  pointer-events: none;
}
.rating-item.disabled *, .rating-item .disabled:hover * {
  cursor: default;
  color: var(--palette-text-disabled);
}
.rating-item.readonly {
  cursor: default;
}
.rating-item .rating-input {
  clip: rect(0, 0, 0, 0);
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
  cursor: inherit;
  overflow: hidden;
}
.rating-item svg {
  pointer-events: none;
}
.rating-item svg path {
  pointer-events: none;
}

.snackbar {
  display: flex;
  flex-grow: initial;
  padding: 6px 16px;
  align-items: center;
  position: relative;
  pointer-events: auto;
  font-weight: 400;
  line-height: 1.43;
  overflow: hidden;
  margin-top: 16px;
  min-width: 288px;
  max-width: 500px;
  border-radius: var(--default-borderradius);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.snackbar.force-cursor {
  cursor: pointer;
}
.snackbar.snackbar-blurred {
  backdrop-filter: blur(18px);
}
.snackbar.snackbar-surface {
  background: var(--palette-surface);
}
.snackbar .snackbar-content-message {
  padding: 8px 0;
}
.snackbar .snackbar-content-action {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: -8px;
  padding-left: 16px;
  margin-inline-start: auto;
  margin-inline-end: -8px;
  padding-inline-start: 16px;
  padding-inline-end: unset;
}
.snackbar .snackbar-content-action > button {
  color: inherit;
}

.snackbar-location-top-left {
  top: 24px;
  left: 24px;
}
.snackbar-location-top-center {
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
}
.snackbar-location-top-right {
  top: 24px;
  right: 24px;
}
.snackbar-location-bottom-right {
  right: 24px;
  bottom: 24px;
}
.snackbar-location-bottom-center {
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
.snackbar-location-bottom-left {
  bottom: 24px;
  left: 24px;
}

#snackbar-container {
  position: fixed;
  z-index: var(--zindex-snackbar);
  pointer-events: none;
}

.snackbar-icon {
  display: flex;
  opacity: 0.9;
  padding: 7px 0;
  font-size: 22px;
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset;
}

.switch {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-left: -11px;
  margin-right: 16px;
  margin-inline-start: -11px;
  margin-inline-end: 16px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
.switch.disabled {
  color: var(--palette-text-disabled) !important;
  cursor: default;
}
.switch.readonly, .switch .readonly:hover {
  cursor: default;
  background-color: transparent !important;
}

.switch-span {
  width: 58px;
  height: 38px;
  display: inline-flex;
  padding: 12px;
  z-index: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  vertical-align: middle;
}
.switch-span .switch-track {
  width: 100%;
  height: 100%;
  opacity: 0.48;
  z-index: -1;
  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: 7px;
  background-color: var(--palette-black);
}

.switch-base {
  padding: 9px;
  top: 0;
  left: 0;
  color: #fafafa;
  z-index: 1;
  position: absolute;
  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;
}
.switch-base.checked {
  transform: translateX(20px);
}
.switch-base.checked + .switch-track {
  opacity: 0.5;
}
.switch-base:hover {
  background-color: var(--palette-action-default-hover);
}
.switch-base.switch-disabled {
  color: var(--palette-grey-default) !important;
}
.switch-base.switch-disabled + .switch-track {
  opacity: 0.12 !important;
}
.switch-base.switch-disabled:hover, .switch-base.switch-disabled:focus-visible {
  cursor: default;
  background-color: transparent !important;
}

.switch-button {
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}
.switch-button .switch-input {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}
.switch-button .switch-thumb {
  width: 20px;
  height: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background-color: currentColor;
}

.timeline {
  position: relative;
  display: flex;
}

.timeline-vertical {
  padding-top: 24px;
  flex-direction: column;
}
.timeline-vertical::before {
  top: 0;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 2px;
  background: var(--palette-divider);
}
.timeline-vertical .timeline-item {
  padding-bottom: 24px;
}
.timeline-vertical .timeline-item .timeline-item-content {
  max-width: calc(50% - 48px);
}
.timeline-vertical .timeline-item .timeline-item-divider {
  min-width: 96px;
}
.timeline-vertical .timeline-item .timeline-item-opposite {
  flex: 1 1 auto;
  max-width: calc(50% - 48px);
}

.timeline-horizontal {
  flex-direction: row;
}
.timeline-horizontal::before {
  top: 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  background: var(--palette-divider);
}
.timeline-horizontal .timeline-item {
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
}
.timeline-horizontal .timeline-item .timeline-item-content {
  max-height: calc(50% - 48px);
}
.timeline-horizontal .timeline-item .timeline-item-divider {
  min-height: 96px;
}

.timeline-item {
  display: flex;
}
.timeline-item .timeline-item-content {
  position: relative;
  height: 100%;
  flex: 1 1 auto;
}
.timeline-item .timeline-item-divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-item .timeline-item-opposite {
  align-self: center;
}

.timeline-vertical {
  /* Both Start & End */
}
.timeline-vertical.timeline-align-start .timeline-item-divider {
  align-items: flex-start;
}
.timeline-vertical.timeline-align-start .timeline-item-opposite {
  align-self: flex-start;
}
.timeline-vertical.timeline-align-end .timeline-item-divider {
  align-items: flex-end;
}
.timeline-vertical.timeline-align-end .timeline-item-opposite {
  align-self: flex-end;
}
.timeline-vertical.timeline-position-alternate::before {
  left: auto;
  right: calc(50% - 1px);
}
.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start), .timeline-vertical.timeline-position-alternate .timeline-item.timeline-item-end {
  flex-direction: row-reverse;
}
.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-opposite, .timeline-vertical.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-opposite {
  text-align: end;
}
.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) {
  flex-direction: row;
}
.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-opposite {
  text-align: start;
}
.timeline-vertical.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd):not(.timeline-item-end), .timeline-vertical.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-start {
  flex-direction: row;
}
.timeline-vertical.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-opposite, .timeline-vertical.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-start .timeline-item-opposite {
  text-align: start;
}
.timeline-vertical.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n):not(.timeline-item-start) {
  flex-direction: row-reverse;
}
.timeline-vertical.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-opposite {
  text-align: end;
}
.timeline-vertical.timeline-position-start::before {
  right: auto;
  left: 47px;
}
.timeline-vertical.timeline-position-start.timeline-rtl::before {
  right: 47px;
  left: auto;
}
.timeline-vertical.timeline-position-start .timeline-item {
  flex-direction: row-reverse;
}
.timeline-vertical.timeline-position-end::before {
  right: 47px;
  left: auto;
}
.timeline-vertical.timeline-position-end.timeline-rtl::before {
  left: 47px;
  right: auto;
}
.timeline-vertical.timeline-position-end .timeline-item {
  flex-direction: row;
}
.timeline-vertical.timeline-position-start .timeline-item-content, .timeline-vertical.timeline-position-end .timeline-item-content {
  max-width: calc(100% - 96px);
}
.timeline-vertical.timeline-position-start .timeline-item-opposite, .timeline-vertical.timeline-position-end .timeline-item-opposite {
  display: none;
}

.timeline-horizontal {
  /* Both Top & Bottom */
}
.timeline-horizontal.timeline-align-start .timeline-item-divider {
  justify-content: flex-start;
}
.timeline-horizontal.timeline-align-start .timeline-item-opposite {
  align-self: flex-start;
}
.timeline-horizontal.timeline-align-end .timeline-item-divider {
  justify-content: flex-end;
}
.timeline-horizontal.timeline-align-end .timeline-item-opposite {
  align-self: flex-end;
}
.timeline-horizontal.timeline-position-alternate::before {
  top: auto;
  bottom: calc(50% - 1px);
}
.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(odd), .timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-end {
  flex-direction: column-reverse;
}
.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(odd) .timeline-item-opposite, .timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-opposite {
  /* I dont know */
}
.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(2n), .timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-start {
  flex-direction: column;
}
.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(2n) .timeline-item-opposite, .timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-start .timeline-item-opposite {
  /* I dont know */
}
.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd), .timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-end {
  flex-direction: column;
}
.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd) .timeline-item-opposite, .timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-end .timeline-item-opposite {
  /* I dont know */
}
.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n), .timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-start {
  flex-direction: column-reverse;
}
.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n) .timeline-item-opposite, .timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-start .timeline-item-opposite {
  /* I dont know */
}
.timeline-horizontal.timeline-position-top::before {
  top: 47px;
  bottom: auto;
}
.timeline-horizontal.timeline-position-top .timeline-item {
  flex-direction: column-reverse;
}
.timeline-horizontal.timeline-position-bottom::before {
  top: auto;
  bottom: 47px;
}
.timeline-horizontal.timeline-position-bottom .timeline-item {
  flex-direction: column;
}
.timeline-horizontal.timeline-position-top .timeline-item-content, .timeline-horizontal.timeline-position-bottom .timeline-item-content {
  max-height: calc(100% - 96px);
}
.timeline-horizontal.timeline-position-top .timeline-item-opposite, .timeline-horizontal.timeline-position-bottom .timeline-item-opposite {
  display: none;
}

/*Dot*/
.timeline-item-dot {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--palette-surface);
  border-radius: 50%;
  left: calc(50% - 19px);
}
.timeline-item-dot.timeline-dot-size-small {
  width: 24px;
  height: 24px;
}
.timeline-item-dot.timeline-dot-size-small .timeline-item-dot-inner {
  height: 18px;
  width: 18px;
}
.timeline-item-dot.timeline-dot-size-medium {
  width: 38px;
  height: 38px;
}
.timeline-item-dot.timeline-dot-size-medium .timeline-item-dot-inner {
  height: 30px;
  width: 30px;
}
.timeline-item-dot.timeline-dot-size-large {
  width: 52px;
  height: 52px;
}
.timeline-item-dot.timeline-dot-size-large .timeline-item-dot-inner {
  height: 42px;
  width: 42px;
}
.timeline-item-dot .timeline-item-dot-inner {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-fill {
  height: inherit;
  width: inherit;
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-default {
  background-color: var(--palette-grey-light);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-primary {
  color: var(--palette-primary-text);
  background-color: var(--palette-primary);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-secondary {
  color: var(--palette-secondary-text);
  background-color: var(--palette-secondary);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-tertiary {
  color: var(--palette-tertiary-text);
  background-color: var(--palette-tertiary);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-info {
  color: var(--palette-info-text);
  background-color: var(--palette-info);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-success {
  color: var(--palette-success-text);
  background-color: var(--palette-success);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-warning {
  color: var(--palette-warning-text);
  background-color: var(--palette-warning);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-error {
  color: var(--palette-error-text);
  background-color: var(--palette-error);
}
.timeline-item-dot .timeline-item-dot-inner.timeline-dot-dark {
  color: var(--palette-dark-text);
  background-color: var(--palette-dark);
}

/*Modifiers*/
.timeline-modifiers .timeline-item-content .card::before, .timeline-modifiers .timeline-item-content .card::after {
  content: "";
  position: absolute;
}
.timeline-modifiers.timeline-vertical.timeline-position-start:not(.timeline-rtl) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-start:not(.timeline-rtl) .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-position-end.timeline-rtl .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-end.timeline-rtl .timeline-item-content .card::after {
  transform: rotate(0);
  left: -16px;
  right: auto;
}
.timeline-modifiers.timeline-vertical.timeline-position-start:not(.timeline-rtl) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-position-end.timeline-rtl .timeline-item-content .card.paper-outlined::after {
  left: -15px;
}
.timeline-modifiers.timeline-vertical.timeline-position-end:not(.timeline-rtl) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-end:not(.timeline-rtl) .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-position-start.timeline-rtl .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-start.timeline-rtl .timeline-item-content .card::after {
  transform: rotate(180deg);
  right: -16px;
  left: auto;
}
.timeline-modifiers.timeline-vertical.timeline-position-end:not(.timeline-rtl) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-position-start.timeline-rtl .timeline-item-content .card.paper-outlined::after {
  right: -15px;
}
.timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-content .card::after {
  transform: rotate(0);
  left: -16px;
  right: auto;
}
.timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-content .card.paper-outlined::after {
  left: -15px;
}
.timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card::after {
  transform: rotate(180deg);
  right: -16px;
  left: auto;
}
.timeline-modifiers.timeline-vertical.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card.paper-outlined::after {
  right: -15px;
}
.timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item.timeline-item-start .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item.timeline-item-start .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item.timeline-item-start .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item.timeline-item-start .timeline-item-content .card::after {
  transform: rotate(180deg);
  right: -16px;
  left: auto;
}
.timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item.timeline-item-start .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item:nth-child(odd):not(.timeline-item-end) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item.timeline-item-start .timeline-item-content .card.paper-outlined::after {
  right: -15px;
}
.timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-content .card::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-content .card::before, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-content .card::after {
  transform: rotate(0);
  left: -16px;
  right: auto;
}
.timeline-modifiers.timeline-vertical.timeline-reverse:not(.timeline-rtl) .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-vertical.timeline-position-alternate.timeline-rtl:not(.timeline-reverse) .timeline-item:nth-child(2n):not(.timeline-item-start) .timeline-item-content .card.paper-outlined::after {
  left: -15px;
}
.timeline-modifiers.timeline-horizontal.timeline-position-top .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-top .timeline-item-content .card::after {
  transform: rotate(90deg);
  top: -24px;
  bottom: auto;
  left: calc(50% - 8px);
}
.timeline-modifiers.timeline-horizontal.timeline-position-top .timeline-item-content .card.paper-outlined::after {
  top: -23px;
}
.timeline-modifiers.timeline-horizontal.timeline-position-bottom .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-bottom .timeline-item-content .card::after {
  transform: rotate(270deg);
  bottom: -24px;
  top: auto;
  left: calc(50% - 8px);
}
.timeline-modifiers.timeline-horizontal.timeline-position-bottom .timeline-item-content .card.paper-outlined::after {
  bottom: -23px;
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card::after, .timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-content .card::after {
  transform: rotate(90deg);
  top: -24px;
  bottom: auto;
  left: calc(50% - 8px);
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item.timeline-item-end .timeline-item-content .card.paper-outlined::after {
  top: -23px;
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card::after {
  transform: rotate(270deg);
  bottom: -24px;
  top: auto;
  left: calc(50% - 8px);
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card.paper-outlined::after {
  bottom: -23px;
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card::after, .timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-end .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-end .timeline-item-content .card::after {
  transform: rotate(270deg);
  bottom: -24px;
  top: auto;
  left: calc(50% - 8px);
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(odd):not(.timeline-item-start) .timeline-item-content .card.paper-outlined::after, .timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item.timeline-item-end .timeline-item-content .card.paper-outlined::after {
  bottom: -23px;
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card::before, .timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card::after {
  transform: rotate(90deg);
  top: -24px;
  bottom: auto;
  left: calc(50% - 8px);
}
.timeline-modifiers.timeline-horizontal.timeline-position-alternate.timeline-reverse .timeline-item:nth-child(2n):not(.timeline-item-end) .timeline-item-content .card.paper-outlined::after {
  top: -23px;
}
.timeline-modifiers .timeline-item-content .card::before {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid rgba(0, 0, 0, 0.1);
  top: calc(50% - 14px);
}
.timeline-modifiers .timeline-item-content .card::after {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid var(--palette-surface);
  top: calc(50% - 16px);
}
.timeline-modifiers .timeline-item-content .card.paper-outlined::before {
  top: calc(50% - 16px);
  border-right-color: var(--palette-lines-default);
}

.typography {
  margin: 0;
}

.typography-body1 {
  font-size: var(--typography-body1-size);
  font-family: var(--typography-body1-family);
  font-weight: var(--typography-body1-weight);
  line-height: var(--typography-body1-lineheight);
  letter-spacing: var(--typography-body1-letterspacing);
  text-transform: var(--typography-body1-text-transform);
}

.typography-body2 {
  font-size: var(--typography-body2-size);
  font-family: var(--typography-body2-family);
  font-weight: var(--typography-body2-weight);
  line-height: var(--typography-body2-lineheight);
  letter-spacing: var(--typography-body2-letterspacing);
  text-transform: var(--typography-body2-text-transform);
}

.typography-caption {
  font-size: var(--typography-caption-size);
  font-family: var(--typography-caption-family);
  font-weight: var(--typography-caption-weight);
  line-height: var(--typography-caption-lineheight);
  letter-spacing: var(--typography-caption-letterspacing);
  text-transform: var(--typography-caption-text-transform);
}

.typography-button {
  font-size: var(--typography-button-size);
  font-family: var(--typography-button-family);
  font-weight: var(--typography-button-weight);
  line-height: var(--typography-button-lineheight);
  letter-spacing: var(--typography-button-letterspacing);
  text-transform: var(--typography-button-text-transform);
}

.typography-h1 {
  font-size: var(--typography-h1-size);
  font-family: var(--typography-h1-family);
  font-weight: var(--typography-h1-weight);
  line-height: var(--typography-h1-lineheight);
  letter-spacing: var(--typography-h1-letterspacing);
  text-transform: var(--typography-h1-text-transform);
}

.typography-h2 {
  font-size: var(--typography-h2-size);
  font-family: var(--typography-h2-family);
  font-weight: var(--typography-h2-weight);
  line-height: var(--typography-h2-lineheight);
  letter-spacing: var(--typography-h2-letterspacing);
  text-transform: var(--typography-h2-text-transform);
}

.typography-h3 {
  font-size: var(--typography-h3-size);
  font-family: var(--typography-h3-family);
  font-weight: var(--typography-h3-weight);
  line-height: var(--typography-h3-lineheight);
  letter-spacing: var(--typography-h3-letterspacing);
  text-transform: var(--typography-h3-text-transform);
}

.typography-h4 {
  font-size: var(--typography-h4-size);
  font-family: var(--typography-h4-family);
  font-weight: var(--typography-h4-weight);
  line-height: var(--typography-h4-lineheight);
  letter-spacing: var(--typography-h4-letterspacing);
  text-transform: var(--typography-h4-text-transform);
}

.typography-h5 {
  font-size: var(--typography-h5-size);
  font-family: var(--typography-h5-family);
  font-weight: var(--typography-h5-weight);
  line-height: var(--typography-h5-lineheight);
  letter-spacing: var(--typography-h5-letterspacing);
  text-transform: var(--typography-h5-text-transform);
}

.typography-h6 {
  font-size: var(--typography-h6-size);
  font-family: var(--typography-h6-family);
  font-weight: var(--typography-h6-weight);
  line-height: var(--typography-h6-lineheight);
  letter-spacing: var(--typography-h6-letterspacing);
  text-transform: var(--typography-h6-text-transform);
}

.typography-subtitle1 {
  font-size: var(--typography-subtitle1-size);
  font-family: var(--typography-subtitle1-family);
  font-weight: var(--typography-subtitle1-weight);
  line-height: var(--typography-subtitle1-lineheight);
  letter-spacing: var(--typography-subtitle1-letterspacing);
  text-transform: var(--typography-subtitle1-text-transform);
}

.typography-subtitle2 {
  font-size: var(--typography-subtitle2-size);
  font-family: var(--typography-subtitle2-family);
  font-weight: var(--typography-subtitle2-weight);
  line-height: var(--typography-subtitle2-lineheight);
  letter-spacing: var(--typography-subtitle2-letterspacing);
  text-transform: var(--typography-subtitle2-text-transform);
}

.typography-overline {
  font-size: var(--typography-overline-size);
  font-family: var(--typography-overline-family);
  font-weight: var(--typography-overline-weight);
  line-height: var(--typography-overline-lineheight);
  letter-spacing: var(--typography-overline-letterspacing);
  text-transform: var(--typography-overline-text-transform);
}

.typography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}

.typography-align-left {
  text-align: left;
}

.typography-align-center {
  text-align: center;
}

.typography-align-right {
  text-align: right;
}

.typography-align-justify {
  text-align: justify;
}

.typography-nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.typography-gutterbottom {
  margin-bottom: 0.35em;
}

.typography-paragraph {
  margin-bottom: 16px;
}

.typography-display-inline {
  display: inline;
}

.typography-display-block {
  display: block;
}

.table {
  color: var(--palette-text-primary);
  background-color: var(--palette-surface);
  border-radius: var(--default-borderradius);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.table.table-square {
  border-radius: 0px;
}
.table.table-outlined {
  border: 1px solid var(--palette-lines-default);
}

.table-container {
  width: 100%;
  overflow-y: auto;
}

.table-root {
  width: 100%;
  border-spacing: 0;
}
.table-root .table-head {
  display: table-header-group;
}
.table-root .table-head .table-cell {
  color: var(--palette-text-primary);
  font-weight: 500;
  line-height: 1.5rem;
}
.table-root .table-body {
  display: table-row-group;
}
.table-root .table-body .table-cell {
  color: var(--palette-text-primary);
}
.table-root .table-body:last-child .table-row:last-child .table-cell {
  border-bottom: none;
}

.table-sort-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  flex-direction: inherit;
  justify-content: flex-start;
}
.table-sort-label:hover {
  color: var(--palette-action-default);
}
.table-sort-label:hover .table-sort-label-icon {
  opacity: 0.8;
}
.table-sort-label .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;
}
.table-sort-label .table-sort-label-icon.direction-desc {
  opacity: 1;
  transform: rotate(180deg);
}
.table-sort-label .table-sort-label-icon.direction-asc {
  opacity: 1;
  transform: rotate(0deg);
}

.table-toolbar {
  padding-left: 16px;
  padding-right: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 8px;
}

.table-cell {
  display: table-cell;
  padding: 16px;
  font-size: 0.875rem;
  text-align: start;
  font-weight: 400;
  line-height: 1.43;
  border-bottom: 1px solid var(--palette-table-lines);
  letter-spacing: 0.01071em;
  vertical-align: inherit;
}
.table-cell .checkbox {
  margin: -12px;
}

.table-cell-footer {
  color: var(--palette-text-secondary);
  font-size: 0.75rem;
  line-height: 1.3125rem;
}

.table-dense * .table-row .table-cell {
  padding: 6px 24px 6px 16px;
  padding-inline-start: 16px;
  padding-inline-end: 24px;
}
.table-dense * .table-row .table-cell .table-cell-checkbox .button-root {
  padding: 4px;
}
.table-dense * .table-row .table-cell .table-row-expander {
  padding: 4px;
}
.table-dense * .table-row .table-cell:last-child {
  padding-right: 16px;
  padding-inline-end: 16px;
}

.table-bordered .table-container .table-root .table-body .table-row .table-cell:not(:last-child) {
  border-right: 1px solid var(--palette-table-lines);
}
.table-bordered .table-container .table-root .table-head.table-head-bordered .table-row .table-cell:not(:last-child) {
  border-right: 1px solid var(--palette-table-lines);
}
.table-bordered .table-container .table-root .table-foot.table-foot-bordered .table-row .table-cell:not(:last-child) {
  border-right: 1px solid var(--palette-table-lines);
}

.table-sticky-header .table-container {
  overflow-x: auto;
}
.table-sticky-header * .table-root .table-head * .table-cell:first-child {
  border-radius: var(--default-borderradius) 0px 0px 0px;
}
.table-sticky-header * .table-root .table-head * .table-cell:last-child {
  border-radius: 0px var(--default-borderradius) 0px 0px;
}
.table-sticky-header * .table-root .table-head * .table-cell {
  background-color: var(--palette-surface);
  position: sticky;
  z-index: 2;
  top: 0;
}

.table-sticky-footer .table-container {
  overflow-x: auto;
}
.table-sticky-footer * .table-root .table-foot * .table-cell {
  background-color: var(--palette-surface);
  position: sticky;
  z-index: 2;
  bottom: 0;
}

.table-row {
  color: inherit;
  display: table-row;
  outline: 0;
  vertical-align: middle;
}

.table-hover .table-container .table-root .table-body .table-row:hover {
  background-color: var(--palette-table-hover);
}

.table-striped .table-container .table-root .table-body .table-row:nth-of-type(odd) {
  background-color: var(--palette-table-striped);
}

.table-hover.table-striped .table-container .table-root .table-body .table-row:nth-of-type(odd):hover {
  background-color: var(--palette-table-hover);
}

.table-cell > .input-control > div.input.input-text {
  color: var(--theme-on-surface);
  font-size: 0.875rem;
  margin-top: -14px;
  margin-bottom: -8px;
}
.table-cell > .select > .input-control > div.input.input-text {
  color: var(--theme-on-surface);
  font-size: 0.875rem;
  margin-top: -14px;
  margin-bottom: -8px;
}

.table-cell-align-left {
  text-align: left;
}
.table-cell-align-center {
  text-align: center;
}
.table-cell-align-right {
  text-align: right;
  flex-direction: row-reverse;
}
.table-cell-align-justify {
  text-align: justify;
}

.table-pagination-display {
  display: flex;
  flex-shrink: 0;
}
.table-pagination-display .tablepager-left {
  flex-direction: row !important;
}
.table-pagination-display .tablepager-right {
  flex-direction: row-reverse !important;
}

.table-pagination-information {
  white-space: nowrap;
  direction: initial;
}

.table-page-number-information {
  white-space: nowrap;
  direction: initial;
}

.table-pagination {
  color: var(--theme-on-surface);
  overflow: auto;
  font-size: 0.875rem;
  display: initial;
}

.table-pagination:last-child {
  padding: 0;
}

.table-pagination-toolbar {
  border-top: 1px solid var(--palette-table-lines);
  height: 52px;
  padding-right: 2px;
  padding-inline-end: 2px;
  padding-inline-start: unset;
}
.table-pagination-toolbar .tablepager-left {
  flex-direction: row !important;
}
.table-pagination-toolbar .tablepager-right {
  flex-direction: row-reverse !important;
}

.table-pagination-spacer {
  flex: 1 1 100%;
}

.table-pagination-caption {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.table-pagination-select {
  cursor: pointer;
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 0px !important;
  min-width: 52px;
}
.table-pagination-select .select-input {
  margin-top: 0px !important;
}
.table-pagination-select .input .input-root {
  max-width: 80px;
  cursor: pointer;
  margin-top: 2px;
  border: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: 0.01071em;
  color: var(--theme-on-surface);
}

.table-pagination-actions {
  flex-shrink: 0;
  align-items: center;
  margin-left: 10px;
  margin-inline-start: 10px;
  margin-inline-end: unset;
}

.table-smalldevices-sortselect {
  display: none;
}

.table-loading {
  position: relative;
}
.table-loading .table-loading-progress {
  position: absolute;
  width: 100%;
}

.table-empty-row {
  background-color: var(--palette-surface);
  vertical-align: middle;
  text-align: center;
}

tr.table-row-group-indented-1 td:first-child {
  padding-left: 48px !important;
}

tr.table-row-group-indented-2 td:first-child {
  padding-left: 96px !important;
}

tr.table-row-group-indented-3 td:first-child {
  padding-left: 144px !important;
}

tr.table-row-group-indented-4 td:first-child {
  padding-left: 192px !important;
}

tr.table-row-group-indented-5 td:first-child {
  padding-left: 240px !important;
}

.table-row-expander {
  margin: -12px -2px -12px -12px;
}

@media (max-width: 360px) {
  .table .table-pagination .select {
    margin-left: auto;
    margin-right: -14px;
    margin-inline-start: auto;
    margin-inline-end: -14px;
  }
  .table .table-pagination .select ~ .table-pagination-caption {
    margin-left: unset !important;
    margin-inline-start: unset !important;
  }
}
@media (max-width: 416px) {
  .table .table-pagination .table-pagination-toolbar {
    flex-wrap: wrap;
    padding-top: 16px;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
    min-height: 100px;
  }
  .table .table-pagination .table-pagination-toolbar .table-pagination-actions {
    margin-left: auto;
    margin-right: -14px;
    margin-inline-start: auto;
    margin-inline-end: -14px;
  }
}
@media (max-width: 600px) {
  .xs-table .table-root .table-head,
.xs-table .table-root .table-foot {
    display: none;
  }
  .xs-table .table-smalldevices-sortselect {
    display: block;
    padding: 4px 16px 8px;
  }
  .xs-table .table-body {
    border-top: 1px solid var(--palette-table-lines);
  }
  .xs-table .table-row {
    display: initial;
  }
  .xs-table .table-row .table-cell:last-child {
    border-bottom: 1px solid var(--palette-table-lines);
  }
  .xs-table .table-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 14px 16px;
    text-align: start !important;
  }
  .xs-table.table-dense .table-cell {
    padding: 6px 16px;
  }
  .xs-table .table-cell:before {
    content: attr(data-label);
    font-weight: 500;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
  }
  .xs-table.table-small-alignright .table-cell:before {
    margin-right: auto;
  }
  .xs-table .table-cell-hide {
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .xs-table .table-pagination .table-pagination-spacer {
    flex: none;
  }
  .xs-table .table-pagination .table-pagination-actions .button-root:first-child {
    display: none;
  }
  .xs-table .table-pagination .table-pagination-actions .button-root:last-child {
    display: none;
  }
  .xs-table .table-pagination .select ~ .table-pagination-caption {
    margin-left: auto;
    margin-inline-start: auto;
  }
}
@media (max-width: 960px) {
  .sm-table .table-root .table-head,
.sm-table .table-root .table-foot {
    display: none;
  }
  .sm-table .table-smalldevices-sortselect {
    display: block;
    padding: 4px 16px 8px;
  }
  .sm-table .table-body {
    border-top: 1px solid var(--palette-table-lines);
  }
  .sm-table .table-row {
    display: initial;
  }
  .sm-table .table-row .table-cell:last-child {
    border-bottom: 1px solid var(--palette-table-lines);
  }
  .sm-table .table-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 14px 16px;
    text-align: start !important;
  }
  .sm-table.table-dense .table-cell {
    padding: 6px 16px;
  }
  .sm-table .table-cell:before {
    content: attr(data-label);
    font-weight: 500;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
  }
  .sm-table.table-small-alignright .table-cell:before {
    margin-right: auto;
  }
  .sm-table .table-cell-hide {
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .sm-table .table-pagination .table-pagination-spacer {
    flex: none;
  }
  .sm-table .table-pagination .table-pagination-actions .button-root:first-child {
    display: none;
  }
  .sm-table .table-pagination .table-pagination-actions .button-root:last-child {
    display: none;
  }
  .sm-table .table-pagination .select ~ .table-pagination-caption {
    margin-left: auto;
    margin-inline-start: auto;
  }
}
@media (max-width: 1280px) {
  .md-table .table-root .table-head,
.md-table .table-root .table-foot {
    display: none;
  }
  .md-table .table-smalldevices-sortselect {
    display: block;
    padding: 4px 16px 8px;
  }
  .md-table .table-body {
    border-top: 1px solid var(--palette-table-lines);
  }
  .md-table .table-row {
    display: initial;
  }
  .md-table .table-row .table-cell:last-child {
    border-bottom: 1px solid var(--palette-table-lines);
  }
  .md-table .table-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 14px 16px;
    text-align: start !important;
  }
  .md-table.table-dense .table-cell {
    padding: 6px 16px;
  }
  .md-table .table-cell:before {
    content: attr(data-label);
    font-weight: 500;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
  }
  .md-table.table-small-alignright .table-cell:before {
    margin-right: auto;
  }
  .md-table .table-cell-hide {
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .md-table .table-pagination .table-pagination-spacer {
    flex: none;
  }
  .md-table .table-pagination .table-pagination-actions .button-root:first-child {
    display: none;
  }
  .md-table .table-pagination .table-pagination-actions .button-root:last-child {
    display: none;
  }
  .md-table .table-pagination .select ~ .table-pagination-caption {
    margin-left: auto;
    margin-inline-start: auto;
  }
}
@media (max-width: 1920px) {
  .lg-table .table-root .table-head,
.lg-table .table-root .table-foot {
    display: none;
  }
  .lg-table .table-smalldevices-sortselect {
    display: block;
    padding: 4px 16px 8px;
  }
  .lg-table .table-body {
    border-top: 1px solid var(--palette-table-lines);
  }
  .lg-table .table-row {
    display: initial;
  }
  .lg-table .table-row .table-cell:last-child {
    border-bottom: 1px solid var(--palette-table-lines);
  }
  .lg-table .table-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 14px 16px;
    text-align: start !important;
  }
  .lg-table.table-dense .table-cell {
    padding: 6px 16px;
  }
  .lg-table .table-cell:before {
    content: attr(data-label);
    font-weight: 500;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
  }
  .lg-table.table-small-alignright .table-cell:before {
    margin-right: auto;
  }
  .lg-table .table-cell-hide {
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .lg-table .table-pagination .table-pagination-spacer {
    flex: none;
  }
  .lg-table .table-pagination .table-pagination-actions .button-root:first-child {
    display: none;
  }
  .lg-table .table-pagination .table-pagination-actions .button-root:last-child {
    display: none;
  }
  .lg-table .table-pagination .select ~ .table-pagination-caption {
    margin-left: auto;
    margin-inline-start: auto;
  }
}
@media (max-width: 2560px) {
  .xl-table .table-root .table-head,
.xl-table .table-root .table-foot {
    display: none;
  }
  .xl-table .table-smalldevices-sortselect {
    display: block;
    padding: 4px 16px 8px;
  }
  .xl-table .table-body {
    border-top: 1px solid var(--palette-table-lines);
  }
  .xl-table .table-row {
    display: initial;
  }
  .xl-table .table-row .table-cell:last-child {
    border-bottom: 1px solid var(--palette-table-lines);
  }
  .xl-table .table-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 14px 16px;
    text-align: start !important;
  }
  .xl-table.table-dense .table-cell {
    padding: 6px 16px;
  }
  .xl-table .table-cell:before {
    content: attr(data-label);
    font-weight: 500;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
  }
  .xl-table.table-small-alignright .table-cell:before {
    margin-right: auto;
  }
  .xl-table .table-cell-hide {
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .xl-table .table-pagination .table-pagination-spacer {
    flex: none;
  }
  .xl-table .table-pagination .table-pagination-actions .button-root:first-child {
    display: none;
  }
  .xl-table .table-pagination .table-pagination-actions .button-root:last-child {
    display: none;
  }
  .xl-table .table-pagination .select ~ .table-pagination-caption {
    margin-left: auto;
    margin-inline-start: auto;
  }
}
@media (min-width: 2560px) {
  .xxl-table .table-root .table-head,
.xxl-table .table-root .table-foot {
    display: none;
  }
  .xxl-table .table-smalldevices-sortselect {
    display: block;
    padding: 4px 16px 8px;
  }
  .xxl-table .table-body {
    border-top: 1px solid var(--palette-table-lines);
  }
  .xxl-table .table-row {
    display: initial;
  }
  .xxl-table .table-row .table-cell:last-child {
    border-bottom: 1px solid var(--palette-table-lines);
  }
  .xxl-table .table-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 14px 16px;
    text-align: start !important;
  }
  .xxl-table.table-dense .table-cell {
    padding: 6px 16px;
  }
  .xxl-table .table-cell:before {
    content: attr(data-label);
    font-weight: 500;
    padding-right: 16px;
    padding-inline-end: 16px;
    padding-inline-start: unset;
  }
  .xxl-table.table-small-alignright .table-cell:before {
    margin-right: auto;
  }
  .xxl-table .table-cell-hide {
    visibility: collapse;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .xxl-table .table-pagination .table-pagination-spacer {
    flex: none;
  }
  .xxl-table .table-pagination .table-pagination-actions .button-root:first-child {
    display: none;
  }
  .xxl-table .table-pagination .table-pagination-actions .button-root:last-child {
    display: none;
  }
  .xxl-table .table-pagination .select ~ .table-pagination-caption {
    margin-left: auto;
    margin-inline-start: auto;
  }
}
.tabs {
  display: flex;
  flex-direction: column;
}
.tabs.tabs-reverse {
  flex-direction: column-reverse;
}
.tabs.tabs-vertical {
  flex-direction: row;
}
.tabs.tabs-vertical-reverse {
  flex-direction: row-reverse;
}
.tabs.tabs-rounded {
  border-radius: var(--default-borderradius);
}
.tabs.tabs-rounded .tabs-toolbar {
  border-radius: var(--default-borderradius);
}
.tabs.tabs-rounded .tabs-panels {
  border-radius: var(--default-borderradius);
}

.tabs-toolbar {
  position: relative;
  background-color: var(--palette-surface);
}
.tabs-toolbar.tabs-border-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 1px solid var(--palette-lines-default);
}
.tabs-toolbar.tabs-border-right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 1px solid var(--palette-lines-default);
}
.tabs-toolbar.tabs-border-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 1px solid var(--palette-lines-default);
}
.tabs-toolbar.tabs-border-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: 1px solid var(--palette-lines-default);
}
.tabs-toolbar.tabs-rounded {
  border-radius: var(--default-borderradius);
}
.tabs-toolbar.tabs-vertical .tabs-toolbar-inner {
  flex-direction: column;
}
.tabs-toolbar.tabs-vertical .tabs-toolbar-inner .tabs-scroll-button .button-root {
  width: 100%;
  border-radius: 0px;
  height: 32px;
}
.tabs-toolbar.tabs-vertical .tabs-toolbar-inner .tabs-scroll-button .button-root .icon-button-label .icon-root {
  transform: rotate(90deg);
}
.tabs-toolbar .tabs-toolbar-inner {
  display: flex;
  min-height: 48px;
}

.tabs-toolbar-content {
  width: 100%;
  flex: 1 1 auto;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.tabs-toolbar-content .tabs-toolbar-wrapper {
  width: max-content;
  position: inherit;
  display: flex;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.tabs-toolbar-content .tabs-toolbar-wrapper.tabs-centered {
  margin: auto;
}
.tabs-toolbar-content .tabs-toolbar-wrapper.tabs-vertical {
  flex-direction: column;
}

.tabs-panels {
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.tabs-panels.tabs-vertical {
  display: flex;
  flex-grow: 1;
}

.tab {
  width: 100%;
  min-width: 160px;
  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: 0.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;
}
.tab:hover {
  cursor: pointer;
  background-color: var(--palette-action-default-hover);
}
.tab.tab-active {
  color: var(--palette-primary);
}
.tab.tab-active:hover {
  background-color: var(--palette-primary-hover);
}
.tab.disabled {
  cursor: default;
  pointer-events: none;
  color: var(--palette-text-disabled);
}
.tab .tab-icon-text {
  margin-right: 8px;
  margin-inline-end: 8px;
  margin-inline-start: unset;
}

.tab-slider {
  position: absolute;
  background: var(--palette-primary);
}
.tab-slider.tab-slider-horizontal {
  height: 2px;
  left: 0;
  bottom: 0;
  transition: left 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  will-change: left;
}
.tab-slider.tab-slider-horizontal.tab-slider-horizontal-reverse {
  top: 0px;
}
.tab-slider.tab-slider-vertical {
  width: 2px;
  right: 0;
  transition: top 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  will-change: top;
}
.tab-slider.tab-slider-vertical.tab-slider-vertical-reverse {
  left: 0;
  right: unset;
}

.tab-badge {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset;
}

.tabs-toolbar-primary {
  background-color: var(--palette-primary);
  color: var(--palette-primary-text);
}
.tabs-toolbar-primary .tab-slider {
  background: var(--palette-primary-text);
}
.tabs-toolbar-primary .tab.tab-active {
  color: var(--palette-primary-text);
}
.tabs-toolbar-primary .tab.tab-active:hover {
  background-color: var(--palette-primary-lighten);
}

.tabs-toolbar-secondary {
  background-color: var(--palette-secondary);
  color: var(--palette-secondary-text);
}
.tabs-toolbar-secondary .tab-slider {
  background: var(--palette-secondary-text);
}
.tabs-toolbar-secondary .tab.tab-active {
  color: var(--palette-secondary-text);
}
.tabs-toolbar-secondary .tab.tab-active:hover {
  background-color: var(--palette-secondary-lighten);
}

.tabs-toolbar-tertiary {
  background-color: var(--palette-tertiary);
  color: var(--palette-tertiary-text);
}
.tabs-toolbar-tertiary .tab-slider {
  background: var(--palette-tertiary-text);
}
.tabs-toolbar-tertiary .tab.tab-active {
  color: var(--palette-tertiary-text);
}
.tabs-toolbar-tertiary .tab.tab-active:hover {
  background-color: var(--palette-tertiary-lighten);
}

.tabs-toolbar-info {
  background-color: var(--palette-info);
  color: var(--palette-info-text);
}
.tabs-toolbar-info .tab-slider {
  background: var(--palette-info-text);
}
.tabs-toolbar-info .tab.tab-active {
  color: var(--palette-info-text);
}
.tabs-toolbar-info .tab.tab-active:hover {
  background-color: var(--palette-info-lighten);
}

.tabs-toolbar-success {
  background-color: var(--palette-success);
  color: var(--palette-success-text);
}
.tabs-toolbar-success .tab-slider {
  background: var(--palette-success-text);
}
.tabs-toolbar-success .tab.tab-active {
  color: var(--palette-success-text);
}
.tabs-toolbar-success .tab.tab-active:hover {
  background-color: var(--palette-success-lighten);
}

.tabs-toolbar-warning {
  background-color: var(--palette-warning);
  color: var(--palette-warning-text);
}
.tabs-toolbar-warning .tab-slider {
  background: var(--palette-warning-text);
}
.tabs-toolbar-warning .tab.tab-active {
  color: var(--palette-warning-text);
}
.tabs-toolbar-warning .tab.tab-active:hover {
  background-color: var(--palette-warning-lighten);
}

.tabs-toolbar-error {
  background-color: var(--palette-error);
  color: var(--palette-error-text);
}
.tabs-toolbar-error .tab-slider {
  background: var(--palette-error-text);
}
.tabs-toolbar-error .tab.tab-active {
  color: var(--palette-error-text);
}
.tabs-toolbar-error .tab.tab-active:hover {
  background-color: var(--palette-error-lighten);
}

.tabs-toolbar-dark {
  background-color: var(--palette-dark);
  color: var(--palette-dark-text);
}
.tabs-toolbar-dark .tab-slider {
  background: var(--palette-dark-text);
}
.tabs-toolbar-dark .tab.tab-active {
  color: var(--palette-dark-text);
}
.tabs-toolbar-dark .tab.tab-active:hover {
  background-color: var(--palette-dark-lighten);
}

.tab-transition-enter {
  transform: translate(100%, 0);
}
.tab-transition-leave, .tab-transition-leave-active {
  position: absolute;
  top: 0;
}
.tab-transition-leave-to {
  position: absolute;
  transform: translate(-100%, 0);
}

.tab-reverse-transition-enter {
  transform: translate(-100%, 0);
}
.tab-reverse-transition-leave, .tab-reverse-transition-leave-to {
  top: 0;
  position: absolute;
  transform: translate(100%, 0);
}

.dynamic-tabs .tabs-toolbar .tab {
  padding: 6px 14px;
}
.dynamic-tabs .tabs-toolbar .tab .icon-button {
  padding: 4px;
  margin-right: -4px;
  margin-inline-end: -4px;
  margin-inline-start: unset;
}
.dynamic-tabs .tabs-toolbar .tab .tabs-panel-header-before {
  padding-right: 8px;
  padding-inline-end: 8px;
  padding-inline-start: unset;
}
.dynamic-tabs .tabs-toolbar .tab .tabs-panel-header-after {
  padding-left: 8px;
  padding-inline-start: 8px;
  padding-inline-end: unset;
}

.tabs-header.tabs-header-before {
  display: inherit;
}
.tabs-header.tabs-header-after {
  display: inherit;
}

.tabs-panel-header {
  display: flex;
  flex: 1 1 auto;
}
.tabs-panel-header.tabs-panel-header-before {
  justify-content: flex-start;
}
.tabs-panel-header.tabs-panel-header-after {
  justify-content: flex-end;
}

.select {
  display: flex;
  flex-grow: 1;
  position: relative;
}
.select.autocomplete {
  display: block;
}
.select.autocomplete .select-input {
  cursor: text;
}
.select.autocomplete .input-adornment {
  cursor: pointer;
}
.select.autocomplete--with-progress .select-input input {
  padding-right: 3.5rem !important;
}
.select.autocomplete--with-progress .input-adorned-end input {
  padding-right: 4.5rem !important;
}
.select.autocomplete--with-progress .select-input .icon-button {
  display: none !important;
}
.select.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: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 1rem;
}
.select.autocomplete--with-progress .progress-indicator-circular--with-adornment {
  padding-right: 3rem;
}
.select.autocomplete--with-progress .progress-linear {
  position: absolute;
  bottom: -1px;
  height: 2px;
}
.select .select-input {
  cursor: pointer;
}
.select .select-input .input-slot {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select .select-input .input-adornment-end {
  margin-left: 0;
}
.select .select-input:disabled {
  cursor: default;
}
.select .disabled .select-input {
  cursor: default;
}

.select > .form-helpertext {
  margin-top: -21px;
}

.select-all {
  margin-top: 10px;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 18px;
}

.input {
  position: relative;
  color: var(--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: 0.00938em;
}
.input.input-full-width {
  width: 100%;
}
.input.disabled {
  color: var(--palette-text-disabled);
  cursor: default;
}
.input.disabled > .input-adornment {
  color: var(--palette-text-disabled);
  pointer-events: none;
}
.input.input-underline:before {
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  position: absolute;
  transition: border-bottom 0.2s, background-color 0.2s;
  border-bottom: 1px solid var(--palette-lines-inputs);
  pointer-events: none;
}
.input.input-underline:hover:not(.disabled):before {
  border-bottom: 1px solid var(--palette-action-default);
}
.input.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(--palette-primary);
  pointer-events: none;
}
.input.input-underline.disabled:before {
  border-bottom-style: dotted;
}
.input.input-underline.input-error:after {
  transform: scaleX(1);
  border-bottom-color: var(--palette-error);
}
.input.input-filled {
  position: relative;
  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  background-color: rgba(0, 0, 0, 0.09);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.input.input-filled:hover {
  background-color: rgba(0, 0, 0, 0.13);
}
.input.input-filled.focused {
  background-color: rgba(0, 0, 0, 0.09);
}
.input.input-filled.disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.input.input-filled.input-adorned-start {
  padding-left: 12px;
  padding-inline-start: 12px;
  padding-inline-end: unset;
}
.input.input-filled.input-adorned-end {
  padding-right: 12px;
  padding-inline-end: 12px;
  padding-inline-start: unset;
}
.input.input-filled.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(--palette-lines-inputs);
  pointer-events: none;
}
.input.input-filled.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(--palette-primary);
  pointer-events: none;
}
.input.input-filled.input-underline:hover:before {
  border-bottom: 1px solid var(--palette-action-default);
}
.input.input-filled.input-underline.disabled:before {
  border-bottom-style: dotted;
}
.input.input-filled.input-underline.input-error:after {
  transform: scaleX(1);
  border-bottom-color: var(--palette-error);
}
.input.input-outlined {
  position: relative;
  border-width: 0px;
}
.input.input-outlined .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(--default-borderradius);
  border-color: var(--palette-lines-inputs);
  border-width: 1px;
  border-style: solid;
  transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input.input-outlined:not(.disabled):not(:focus-within):hover .input-outlined-border {
  border-color: var(--palette-action-default);
}
.input.input-outlined:focus-within .input-outlined-border {
  border-width: 2px;
  border-color: var(--palette-primary);
}
.input.input-outlined.disabled .input-outlined-border {
  border-color: var(--palette-action-disabled);
}
.input.input-outlined.input-adorned-start {
  padding-left: 14px;
  padding-inline-start: 14px;
  padding-inline-end: unset;
}
.input.input-outlined.input-adorned-end {
  padding-right: 14px;
  padding-inline-end: 14px;
  padding-inline-start: unset;
}

.input-error .input-outlined-border {
  border-color: var(--palette-error) !important;
}

.input:focus-within.input-underline:after {
  transform: scaleX(1);
}

.input > input.input-root, div.input-slot.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;
  /* - Chrome ≤56,
  - Safari 5-10.0
  - iOS Safari 4.2-10.2
  - Opera 15-43
  - Opera Mobile 12-12.1
  - Android Browser 2.1-4.4.4
  - Samsung Internet ≤6.2
  - QQ Browser */
}
.input > input.input-root::placeholder, div.input-slot.input-root::placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > input.input-root::-webkit-input-placeholder, div.input-slot.input-root::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > input.input-root:-moz-placeholder, div.input-slot.input-root:-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > input.input-root::-moz-placeholder, div.input-slot.input-root::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > input.input-root:-ms-input-placeholder, div.input-slot.input-root:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > input.input-root::-ms-input-placeholder, div.input-slot.input-root::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > input.input-root.input-root-margin-dense, div.input-slot.input-root.input-root-margin-dense {
  padding-top: 3px;
}
.input > input.input-root.input-root-multiline, div.input-slot.input-root.input-root-multiline {
  height: auto;
  resize: none;
  padding: 0;
}
.input > input.input-root.input-root-type-search, div.input-slot.input-root.input-root-type-search {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.input > input.input-root:focus, div.input-slot.input-root:focus {
  outline: 0;
}
.input > input.input-root:invalid, div.input-slot.input-root:invalid {
  box-shadow: none;
}
.input > input.input-root:disabled, div.input-slot.input-root:disabled {
  opacity: 1;
}
.input > input.input-root.input-root-filled, div.input-slot.input-root.input-root-filled {
  padding: 27px 12px 10px;
}
.input > input.input-root.input-root-filled.input-root-margin-dense, div.input-slot.input-root.input-root-filled.input-root-margin-dense {
  padding-top: 23px;
  padding-bottom: 6px;
}
.input > input.input-root.input-root-filled:-webkit-autofill, div.input-slot.input-root.input-root-filled:-webkit-autofill {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.input > input.input-root.input-root-filled.input-root-hidden-label, div.input-slot.input-root.input-root-filled.input-root-hidden-label {
  padding-top: 18px;
  padding-bottom: 19px;
}
.input > input.input-root.input-root-filled.input-root-hidden-label.input-root-margin-dense, div.input-slot.input-root.input-root-filled.input-root-hidden-label.input-root-margin-dense {
  padding-top: 10px;
  padding-bottom: 11px;
}
.input > input.input-root.input-root-filled.input-root-multiline, div.input-slot.input-root.input-root-filled.input-root-multiline {
  padding: 0;
}
.input > input.input-root.input-root-filled.input-root-adorned-start, div.input-slot.input-root.input-root-filled.input-root-adorned-start {
  padding-left: 0;
  padding-inline-start: 0;
  padding-inline-end: 12px;
}
.input > input.input-root.input-root-filled.input-root-adorned-end, div.input-slot.input-root.input-root-filled.input-root-adorned-end {
  padding-right: 0;
  padding-inline-end: 0;
  padding-inline-start: 12px;
}
.input > input.input-root-outlined, div.input-slot.input-root-outlined {
  padding: 18.5px 14px;
}
.input > input.input-root-outlined.input-root:-webkit-autofill, div.input-slot.input-root-outlined.input-root:-webkit-autofill {
  border-radius: inherit;
}
.input > input.input-root-outlined.input-root-margin-dense, div.input-slot.input-root-outlined.input-root-margin-dense {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}
.input > input.input-root-outlined.input-root-adorned-start, div.input-slot.input-root-outlined.input-root-adorned-start {
  padding-left: 0;
  padding-inline-start: 0;
  padding-inline-end: 14px;
}
.input > input.input-root-outlined.input-root-adorned-end, div.input-slot.input-root-outlined.input-root-adorned-end {
  padding-right: 0;
  padding-inline-end: 0;
  padding-inline-start: 14px;
}
.input > input::-ms-reveal, .input > input::-ms-clear, div.input-slot::-ms-reveal, div.input-slot::-ms-clear {
  display: none !important;
}

.input > textarea.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;
  /* - Chrome ≤56,
  - Safari 5-10.0
  - iOS Safari 4.2-10.2
  - Opera 15-43
  - Opera Mobile 12-12.1
  - Android Browser 2.1-4.4.4
  - Samsung Internet ≤6.2
  - QQ Browser */
}
.input > textarea.input-root::placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > textarea.input-root::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > textarea.input-root:-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > textarea.input-root::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > textarea.input-root:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > textarea.input-root::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.input > textarea.input-root.input-root-margin-dense {
  margin-top: 3px;
}
.input > textarea.input-root.input-root-type-search {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.input > textarea.input-root:focus {
  outline: 0;
}
.input > textarea.input-root:invalid {
  box-shadow: none;
}
.input > textarea.input-root:disabled {
  opacity: 1;
}
.input > textarea.input-root.input-root-filled {
  margin: 27px 12px 10px;
}
.input > textarea.input-root.input-root-filled.input-root-margin-dense {
  margin-top: 23px;
  margin-bottom: 6px;
}
.input > textarea.input-root.input-root-filled:-webkit-autofill {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.input > textarea.input-root.input-root-filled.input-root-hidden-label {
  margin-top: 18px;
  margin-bottom: 19px;
}
.input > textarea.input-root.input-root-filled.input-root-hidden-label.input-root-margin-dense {
  margin-top: 10px;
  margin-bottom: 11px;
}
.input > textarea.input-root.input-root-filled.input-root-adorned-start {
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: 12px;
}
.input > textarea.input-root.input-root-filled.input-root-adorned-end {
  margin-right: 0;
  margin-inline-end: unset;
  margin-inline-start: 12px;
}
.input > textarea.input-root::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  z-index: 1;
  cursor: crosshair;
}
.input > textarea.input-root::-webkit-scrollbar-thumb {
  background: var(--palette-lines-inputs);
  border-radius: 1px;
}
.input > textarea.input-root::-webkit-scrollbar-track {
  background: transparent;
}
.input > textarea.input-root-outlined {
  margin: 18.5px 14px;
}
.input > textarea.input-root-outlined.input-root:-webkit-autofill {
  border-radius: inherit;
}
.input > textarea.input-root-outlined.input-root-margin-dense {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
.input > textarea.input-root-outlined.input-root-adorned-start {
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: 14px;
}
.input > textarea.input-root-outlined.input-root-adorned-end {
  margin-right: 0;
  margin-inline-end: 0;
  margin-inline-start: 14px;
}

.input-adornment {
  height: 0.01em;
  display: flex;
  max-height: 2em;
  align-items: center;
  white-space: nowrap;
}

.input-adornment-start.input-root-filled-shrink {
  margin-top: 16px;
}

.input-adornment-start {
  margin-right: 8px;
  margin-inline-end: 8px;
  margin-inline-start: unset;
}

.input-adornment-end {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset;
}

.input-number-control.input-showspin .input-adornment-end {
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset;
}

.input-number-control.input-showspin .input-underline:not(.input-filled) .input-adornment-end {
  margin-right: 24px;
  margin-inline-end: 24px;
  margin-inline-start: unset;
}

.input-adornment-disable-pointerevents {
  pointer-events: none;
}

.range-input-separator {
  visibility: hidden;
  margin: 0 4px;
}

.input:focus-within .range-input-separator {
  visibility: visible;
}

.picker .shrink .range-input-separator {
  visibility: visible;
}

.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;
}
.input-control.input-control-margin-normal {
  margin-top: 16px;
  margin-bottom: 8px;
}
.input-control.input-control-margin-dense {
  margin-top: 3px;
  margin-bottom: 2px;
}
.input-control.input-control-full-width {
  width: 100%;
}
.input-control.input-control-boolean-input {
  flex: none;
  margin: 0;
}
.input-control > .input-control-input-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.input-control > .input-control-input-container > div.input.input-text {
  margin-top: 16px;
}
.input-control > .input-control-input-container > .input-label-outlined.input-label-inputcontrol {
  line-height: 18px;
}
.input-control > .input-control-input-container > .input-label-inputcontrol {
  color: var(--palette-text-secondary);
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.00938em;
  z-index: 0;
  pointer-events: none;
}
.input-control > .input-control-input-container > .input-label-inputcontrol.disabled {
  color: var(--palette-text-disabled);
}
.input-control > .input-control-input-container > .input-label-inputcontrol.input-error {
  color: var(--palette-error) !important;
}
.input-control.input-required > .input-control-input-container > .input-label::after {
  content: "*";
}
.input-control.input-number-control input::-webkit-outer-spin-button, .input-control.input-number-control input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-control.input-number-control input[type=number] {
  -moz-appearance: textfield;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end) input {
  padding-right: 24px;
  padding-inline-end: 24px;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end) input.input-root-margin-dense {
  padding-right: 20px;
  padding-inline-end: 20px;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end).input-text input {
  padding-inline-start: 0;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end).input-text input.input-root-margin-dense {
  padding-inline-start: 0;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end).input-filled input {
  padding-inline-start: 12px;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end).input-filled input.input-root-margin-dense {
  padding-inline-start: 12px;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end).input-outlined input {
  padding-inline-start: 14px;
}
.input-control.input-number-control.input-showspin .input:not(.input-adorned-end).input-outlined input.input-root-margin-dense {
  padding-inline-start: 14px;
}
.input-control.input-number-control .input-numeric-spin {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.input-control.input-number-control .input-numeric-spin button {
  padding: 2px;
  min-width: unset;
  min-height: unset;
}
.input-control.input-number-control .input-numeric-spin button {
  padding: 2px 0;
}

.input-control-helper-container {
  overflow: hidden;
  margin-top: 3px;
}

.input-helper-text {
  color: var(--palette-text-secondary);
  margin: 0;
  font-size: 0.75rem;
  text-align: start;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
}
.input-helper-text.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;
}

.input-control:focus-within .input-helper-text.input-helper-onfocus, .input-control.input-error .input-helper-text.input-helper-onfocus {
  transform: translateY(0);
}

.input-helper-text.disabled {
  color: var(--palette-text-disabled);
}

.input-helper-text.input-error {
  color: var(--palette-error) !important;
}

.input-helper-text-margin-dense {
  margin-top: 4px;
}

.input-helper-text-contained {
  margin-left: 14px;
  margin-right: 14px;
}

.application-layout-rtl .input-control.input-number-control .input-numeric-spin {
  left: 0;
  right: unset;
}

.input-label {
  display: block;
  transform-origin: top left;
}

.input-label-inputcontrol {
  top: 0;
  left: 0;
  position: absolute;
  transform: translate(0, 24px) scale(1);
}

.input-label-margindense {
  transform: translate(0, 21px) scale(1);
}

.input-label-shrink {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left;
}

.input-label-animated {
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.input-label-filled {
  z-index: 1;
  transform: translate(12px, 20px) scale(1);
  pointer-events: none;
}
.input-label-filled.input-label-margin-dense {
  transform: translate(12px, 17px) scale(1);
}

.input-label-outlined {
  transform: translate(14px, 20px) scale(1);
  pointer-events: none;
  background-color: var(--palette-surface);
  padding: 0px 5px !important;
}
.input-label-outlined.input-label-margin-dense {
  transform: translate(14px, 12px) scale(1);
}

.shrink ~ label.input-label.input-label-inputcontrol {
  color: var(--palette-text-primary);
}
.input:focus-within ~ label.input-label.input-label-inputcontrol {
  color: var(--palette-primary);
}
.shrink ~ label.input-label.input-label-inputcontrol, .input:focus-within ~ label.input-label.input-label-inputcontrol {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left;
}
.shrink ~ label.input-label.input-label-inputcontrol.input-label-filled, .input:focus-within ~ label.input-label.input-label-inputcontrol.input-label-filled {
  transform: translate(12px, 10px) scale(0.75);
}
.shrink ~ label.input-label.input-label-inputcontrol.input-label-filled.input-label-margin-dense, .input:focus-within ~ label.input-label.input-label-inputcontrol.input-label-filled.input-label-margin-dense {
  transform: translate(12px, 7px) scale(0.75);
}
.shrink ~ label.input-label.input-label-inputcontrol.input-label-outlined, .input:focus-within ~ label.input-label.input-label-inputcontrol.input-label-outlined {
  transform: translate(14px, -6px) scale(0.75);
}
.input:focus-within ~ label.input-label.input-label-inputcontrol.input-error {
  color: var(--palette-error);
}

.application-layout-rtl .input-label {
  transform-origin: top right;
}
.application-layout-rtl .input-label-inputcontrol {
  left: unset;
  right: 0;
}
.application-layout-rtl .input-label-shrink {
  transform-origin: top right;
}
.application-layout-rtl .input-label-filled {
  transform: translate(-12px, 20px) scale(1);
}
.application-layout-rtl .input-label-filled.input-label-margin-dense {
  transform: translate(-12px, 17px) scale(1);
}
.application-layout-rtl .input-label-outlined {
  transform: translate(-14px, 20px) scale(1);
}
.application-layout-rtl .input-label-outlined.input-label-margin-dense {
  transform: translate(-14px, 12px) scale(1);
}
.application-layout-rtl .shrink ~ label.input-label.input-label-inputcontrol, .application-layout-rtl .input:focus-within ~ label.input-label.input-label-inputcontrol {
  transform-origin: top right;
}
.application-layout-rtl .shrink ~ label.input-label.input-label-inputcontrol.input-label-filled, .application-layout-rtl .input:focus-within ~ label.input-label.input-label-inputcontrol.input-label-filled {
  transform: translate(-12px, 10px) scale(0.75);
}
.application-layout-rtl .shrink ~ label.input-label.input-label-inputcontrol.input-label-filled.input-label-margin-dense, .application-layout-rtl .input:focus-within ~ label.input-label.input-label-inputcontrol.input-label-filled.input-label-margin-dense {
  transform: translate(-12px, 7px) scale(0.75);
}
.application-layout-rtl .shrink ~ label.input-label.input-label-inputcontrol.input-label-outlined, .application-layout-rtl .input:focus-within ~ label.input-label.input-label-inputcontrol.input-label-outlined {
  transform: translate(-14px, -6px) scale(0.75);
}

.file-upload {
  flex-grow: 0;
}

.file-upload > .input-control-input-container {
  display: initial !important;
}

.image.fluid {
  max-width: 100%;
  height: auto;
}

.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: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), z-index 1ms;
  z-index: 5;
}
.overlay.overlay-absolute {
  position: absolute;
}
.overlay .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: animation-fadein ease 0.15s;
  -webkit-animation: animation-fadein ease 0.15s;
  -moz-animation: animation-fadein ease 0.15s;
  -o-animation: animation-fadein ease 0.15s;
}
.overlay .overlay-scrim.overlay-dark {
  border-color: var(--palette-overlay-dark);
  background-color: var(--palette-overlay-dark);
}
.overlay .overlay-scrim.overlay-light {
  border-color: var(--palette-overlay-light);
  background-color: var(--palette-overlay-light);
}
.overlay .overlay-scrim:hover {
  cursor: default;
}
.overlay .overlay-content {
  position: relative;
}
.overlay.overlay-popover {
  z-index: var(--zindex-popover);
}
.overlay.overlay-dialog {
  z-index: calc(var(--zindex-dialog) + 1);
}
.overlay.overlay-drawer {
  z-index: calc(var(--zindex-appbar) + 1);
}

.treeview {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: auto;
}
.treeview.treeview-selected-primary .treeview-item-content.treeview-item-selected {
  color: var(--palette-primary);
  background-color: var(--palette-primary-hover);
}
.treeview.treeview-selected-secondary .treeview-item-content.treeview-item-selected {
  color: var(--palette-secondary);
  background-color: var(--palette-secondary-hover);
}
.treeview.treeview-selected-tertiary .treeview-item-content.treeview-item-selected {
  color: var(--palette-tertiary);
  background-color: var(--palette-tertiary-hover);
}
.treeview.treeview-selected-info .treeview-item-content.treeview-item-selected {
  color: var(--palette-info);
  background-color: var(--palette-info-hover);
}
.treeview.treeview-selected-success .treeview-item-content.treeview-item-selected {
  color: var(--palette-success);
  background-color: var(--palette-success-hover);
}
.treeview.treeview-selected-warning .treeview-item-content.treeview-item-selected {
  color: var(--palette-warning);
  background-color: var(--palette-warning-hover);
}
.treeview.treeview-selected-error .treeview-item-content.treeview-item-selected {
  color: var(--palette-error);
  background-color: var(--palette-error-hover);
}
.treeview.treeview-selected-dark .treeview-item-content.treeview-item-selected {
  color: var(--palette-dark);
  background-color: var(--palette-dark-hover);
}
.treeview.treeview-checked-primary .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-primary);
}
.treeview.treeview-checked-secondary .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-secondary);
}
.treeview.treeview-checked-tertiary .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-tertiary);
}
.treeview.treeview-checked-info .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-info);
}
.treeview.treeview-checked-success .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-success);
}
.treeview.treeview-checked-warning .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-warning);
}
.treeview.treeview-checked-error .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-error);
}
.treeview.treeview-checked-dark .treeview-item-checkbox .button-root.icon-button {
  color: var(--palette-dark);
}

.treeview-group {
  margin: 0px;
  padding: 0px;
  margin-left: 17px;
  margin-inline-start: 17px;
  margin-inline-end: unset;
  list-style: none;
}

.treeview-item {
  margin: 0;
  outline: 0;
  padding: 0;
  cursor: default;
  list-style: none;
  min-height: 2rem;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}
.treeview-item .treeview-item-arrow .icon-button, .treeview-item .treeview-item-checkbox .icon-button {
  padding: 4px;
}

.treeview-item-content {
  width: 100%;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.treeview-hover .treeview-item-content:hover {
  background-color: var(--palette-action-default-hover);
}

.treeview-item-arrow {
  width: 2rem;
  display: flex;
  flex-shrink: 0;
  margin: 0 4px;
  min-height: 32px;
  justify-content: center;
}
.treeview-item-arrow .treeview-item-arrow-expand {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
}
.treeview-item-arrow .treeview-item-arrow-expand.transform {
  transform: rotate(90deg);
}
.treeview-item-arrow .treeview-item-arrow-load {
  animation: rotation 1s infinite linear;
}

.treeview-item-icon {
  width: 32px;
  display: flex;
  flex-shrink: 0;
  margin-right: 4px;
  margin-inline-end: 4px;
  margin-inline-start: unset;
  justify-content: center;
}

.treeview-item-label {
  flex-grow: 1;
  padding-left: 4px;
  padding-right: 4px;
}

.treeview-dense .treeview-item {
  min-height: unset;
}
.treeview-dense .treeview-item-content {
  padding: 1px 4px;
}
.treeview-dense .treeview-item-arrow {
  min-height: unset;
}
.treeview-dense .icon-button {
  padding: 0;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.application-layout-rtl .treeview-item-arrow {
  transform: scaleX(-1);
}

.data-grid th {
  position: relative;
}
.data-grid .table-cell.edit-mode-cell .input-control {
  margin: 0 !important;
}
.data-grid .table-cell.edit-mode-cell .input {
  font-size: inherit;
}
.data-grid .table-cell.edit-mode-cell .input:before {
  content: none;
}
.data-grid .table-cell.edit-mode-cell .inputafter {
  content: none;
}
.data-grid .table-cell.edit-mode-cell .input .input-outlined-border {
  border: none;
}
.data-grid .table-cell.filter-header-cell {
  padding: 6px 24px 6px 16px;
  padding-inline-start: 16px;
  padding-inline-end: 24px;
}
.data-grid .table-cell.sticky-left {
  left: 0px;
  position: sticky;
  background-color: var(--palette-background-grey);
  z-index: 1;
}
.data-grid .table-cell.sticky-right {
  right: 0px;
  position: sticky;
  background-color: var(--palette-background-grey);
  z-index: 1;
}
.data-grid .table-cell .input-text {
  margin-top: 0 !important;
}
.data-grid .table-cell .column-header {
  display: flex;
  justify-content: space-between;
}
.data-grid .table-cell .column-header .sortable-column-header {
  width: 100%;
}
.data-grid .table-cell .column-header:hover .column-options .sort-direction-icon, .data-grid .table-cell .column-header:hover .column-options .column-options-icon {
  opacity: 0.8;
  color: var(--palette-action-default);
}
.data-grid .table-cell .column-header:hover .column-options .menu .icon-button-label {
  opacity: 1;
  color: var(--palette-action-default);
}
.data-grid .table-cell .column-header .column-options {
  display: inline-flex;
  align-items: center;
  flex-direction: inherit;
  justify-content: flex-start;
}
.data-grid .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;
}
.data-grid .table-cell .column-header .sort-direction-icon.direction-desc {
  opacity: 1;
  transform: rotate(180deg);
}
.data-grid .table-cell .column-header .sort-direction-icon.direction-asc {
  opacity: 1;
  transform: rotate(0deg);
}
.data-grid .table-cell .column-header .sort-index {
  transform: scale(0.9) translate(-2px, -2px);
}
.data-grid .table-cell .column-header .column-options .menu .icon-button-label {
  /*font-size: 18px;*/
  user-select: none;
  /*margin-right: 4px;*/
  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;
}
.data-grid .table-cell .resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  cursor: col-resize;
  user-select: none;
}
.data-grid .table-cell .resizer:hover,
.data-grid .table-cell .resizing {
  border-right: 2px solid var(--palette-primary);
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-t-0 {
  border-top-left-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;
}

.rounded-b-0 {
  border-bottom-right-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;
}

.rounded-tl-0, .rounded-ts-0 {
  border-top-left-radius: 0 !important;
}

.rounded-tr-0, .rounded-te-0 {
  border-top-right-radius: 0 !important;
}

.rounded-br-0, .rounded-be-0 {
  border-bottom-right-radius: 0 !important;
}

.rounded-bl-0, .rounded-bs-0 {
  border-bottom-left-radius: 0 !important;
}

.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;
}
.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;
}
.application-layout-rtl .rounded-ts-0 {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.application-layout-rtl .rounded-te-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.application-layout-rtl .rounded-bs-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.application-layout-rtl .rounded-be-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-sm {
  border-radius: 2px !important;
}

.rounded-t-sm {
  border-top-left-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;
}

.rounded-b-sm {
  border-bottom-right-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;
}

.rounded-tl-sm, .rounded-ts-sm {
  border-top-left-radius: 2px !important;
}

.rounded-tr-sm, .rounded-te-sm {
  border-top-right-radius: 2px !important;
}

.rounded-br-sm, .rounded-be-sm {
  border-bottom-right-radius: 2px !important;
}

.rounded-bl-sm, .rounded-bs-sm {
  border-bottom-left-radius: 2px !important;
}

.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;
}
.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;
}
.application-layout-rtl .rounded-ts-sm {
  border-top-right-radius: 2px !important;
  border-top-left-radius: 0 !important;
}
.application-layout-rtl .rounded-te-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
}
.application-layout-rtl .rounded-bs-sm {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}
.application-layout-rtl .rounded-be-sm {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-t-lg {
  border-top-left-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;
}

.rounded-b-lg {
  border-bottom-right-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;
}

.rounded-tl-lg, .rounded-ts-lg {
  border-top-left-radius: 8px !important;
}

.rounded-tr-lg, .rounded-te-lg {
  border-top-right-radius: 8px !important;
}

.rounded-br-lg, .rounded-be-lg {
  border-bottom-right-radius: 8px !important;
}

.rounded-bl-lg, .rounded-bs-lg {
  border-bottom-left-radius: 8px !important;
}

.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;
}
.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;
}
.application-layout-rtl .rounded-ts-lg {
  border-top-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
}
.application-layout-rtl .rounded-te-lg {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 0 !important;
}
.application-layout-rtl .rounded-bs-lg {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
}
.application-layout-rtl .rounded-be-lg {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-xl {
  border-radius: 24px !important;
}

.rounded-t-xl {
  border-top-left-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;
}

.rounded-b-xl {
  border-bottom-right-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;
}

.rounded-tl-xl, .rounded-ts-xl {
  border-top-left-radius: 24px !important;
}

.rounded-tr-xl, .rounded-te-xl {
  border-top-right-radius: 24px !important;
}

.rounded-br-xl, .rounded-be-xl {
  border-bottom-right-radius: 24px !important;
}

.rounded-bl-xl, .rounded-bs-xl {
  border-bottom-left-radius: 24px !important;
}

.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;
}
.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;
}
.application-layout-rtl .rounded-ts-xl {
  border-top-right-radius: 24px !important;
  border-top-left-radius: 0 !important;
}
.application-layout-rtl .rounded-te-xl {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 0 !important;
}
.application-layout-rtl .rounded-bs-xl {
  border-bottom-right-radius: 24px !important;
  border-bottom-left-radius: 0 !important;
}
.application-layout-rtl .rounded-be-xl {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.rounded {
  border-radius: var(--default-borderradius) !important;
}

.rounded-t {
  border-top-left-radius: var(--default-borderradius) !important;
  border-top-right-radius: var(--default-borderradius) !important;
}

.rounded-r, .rounded-e {
  border-top-right-radius: var(--default-borderradius) !important;
  border-bottom-right-radius: var(--default-borderradius) !important;
}

.rounded-b {
  border-bottom-right-radius: var(--default-borderradius) !important;
  border-bottom-left-radius: var(--default-borderradius) !important;
}

.rounded-l, .rounded-s {
  border-top-left-radius: var(--default-borderradius) !important;
  border-bottom-left-radius: var(--default-borderradius) !important;
}

.rounded-tl, .rounded-ts {
  border-top-left-radius: var(--default-borderradius) !important;
}

.rounded-tr, .rounded-te {
  border-top-right-radius: var(--default-borderradius) !important;
}

.rounded-br, .rounded-be {
  border-bottom-right-radius: var(--default-borderradius) !important;
}

.rounded-bl, .rounded-bs {
  border-bottom-left-radius: var(--default-borderradius) !important;
}

.application-layout-rtl .rounded-s {
  border-top-right-radius: var(--default-borderradius) !important;
  border-bottom-right-radius: var(--default-borderradius) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.application-layout-rtl .rounded-e {
  border-top-left-radius: var(--default-borderradius) !important;
  border-bottom-left-radius: var(--default-borderradius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.application-layout-rtl .rounded-ts {
  border-top-right-radius: var(--default-borderradius) !important;
  border-top-left-radius: 0 !important;
}
.application-layout-rtl .rounded-te {
  border-top-left-radius: var(--default-borderradius) !important;
  border-top-right-radius: 0 !important;
}
.application-layout-rtl .rounded-bs {
  border-bottom-right-radius: var(--default-borderradius) !important;
  border-bottom-left-radius: 0 !important;
}
.application-layout-rtl .rounded-be {
  border-bottom-left-radius: var(--default-borderradius) !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 9999px !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

.border-hidden {
  border-style: hidden !important;
}

.border-none {
  border-style: none !important;
}

.border-0 {
  border-width: 0px !important;
}

.border-t-0 {
  border-top-width: 0px !important;
}

.border-r-0 {
  border-right-width: 0px !important;
}

.border-b-0 {
  border-bottom-width: 0px !important;
}

.border-l-0 {
  border-left-width: 0px !important;
}

.border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.border-y-0 {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

.border {
  border-width: 1px !important;
}

.border-t {
  border-top-width: 1px !important;
}

.border-r {
  border-right-width: 1px !important;
}

.border-b {
  border-bottom-width: 1px !important;
}

.border-l {
  border-left-width: 1px !important;
}

.border-x {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

.border-y {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-t-2 {
  border-top-width: 2px !important;
}

.border-r-2 {
  border-right-width: 2px !important;
}

.border-b-2 {
  border-bottom-width: 2px !important;
}

.border-l-2 {
  border-left-width: 2px !important;
}

.border-x-2 {
  border-left-width: 2px !important;
  border-right-width: 2px !important;
}

.border-y-2 {
  border-top-width: 2px !important;
  border-bottom-width: 2px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-t-4 {
  border-top-width: 4px !important;
}

.border-r-4 {
  border-right-width: 4px !important;
}

.border-b-4 {
  border-bottom-width: 4px !important;
}

.border-l-4 {
  border-left-width: 4px !important;
}

.border-x-4 {
  border-left-width: 4px !important;
  border-right-width: 4px !important;
}

.border-y-4 {
  border-top-width: 4px !important;
  border-bottom-width: 4px !important;
}

.border-8 {
  border-width: 8px !important;
}

.border-t-8 {
  border-top-width: 8px !important;
}

.border-r-8 {
  border-right-width: 8px !important;
}

.border-b-8 {
  border-bottom-width: 8px !important;
}

.border-l-8 {
  border-left-width: 8px !important;
}

.border-x-8 {
  border-left-width: 8px !important;
  border-right-width: 8px !important;
}

.border-y-8 {
  border-top-width: 8px !important;
  border-bottom-width: 8px !important;
}

/* Outline Style */
.outline-none {
  outline-style: none;
}

.outline-solid {
  outline-style: solid;
}

.outline-dashed {
  outline-style: dashed;
}

.outline-dotted {
  outline-style: dotted;
}

.outline-double {
  outline-style: double;
}

.outline-hidden {
  outline-style: hidden;
}

/* Outline Color */
/* To Doo */
/* Outline Offset */
/* To Doo */
/* Outline Width */
/* To Doo */
.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-none {
  flex: none !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-space-between {
  justify-content: space-between !important;
}

.justify-space-around {
  justify-content: space-around !important;
}

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.order-first {
  order: -9999 !important;
}

.order-last {
  order: 9999 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-space-between {
  align-content: space-between !important;
}

.align-content-space-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.align-stretch {
  align-items: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.gap-0 {
  gap: 0px;
}

.gap-x-0 {
  column-gap: 0px;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-1 {
  gap: 4px;
}

.gap-x-1 {
  column-gap: 4px;
}

.gap-y-1 {
  row-gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-x-2 {
  column-gap: 8px;
}

.gap-y-2 {
  row-gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-x-3 {
  column-gap: 12px;
}

.gap-y-3 {
  row-gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-x-4 {
  column-gap: 16px;
}

.gap-y-4 {
  row-gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-x-5 {
  column-gap: 20px;
}

.gap-y-5 {
  row-gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-x-6 {
  column-gap: 24px;
}

.gap-y-6 {
  row-gap: 24px;
}

.gap-7 {
  gap: 28px;
}

.gap-x-7 {
  column-gap: 28px;
}

.gap-y-7 {
  row-gap: 28px;
}

.gap-8 {
  gap: 32px;
}

.gap-x-8 {
  column-gap: 32px;
}

.gap-y-8 {
  row-gap: 32px;
}

.gap-9 {
  gap: 36px;
}

.gap-x-9 {
  column-gap: 36px;
}

.gap-y-9 {
  row-gap: 36px;
}

.gap-10 {
  gap: 40px;
}

.gap-x-10 {
  column-gap: 40px;
}

.gap-y-10 {
  row-gap: 40px;
}

.gap-11 {
  gap: 44px;
}

.gap-x-11 {
  column-gap: 44px;
}

.gap-y-11 {
  row-gap: 44px;
}

.gap-12 {
  gap: 48px;
}

.gap-x-12 {
  column-gap: 48px;
}

.gap-y-12 {
  row-gap: 48px;
}

.gap-13 {
  gap: 52px;
}

.gap-x-13 {
  column-gap: 52px;
}

.gap-y-13 {
  row-gap: 52px;
}

.gap-14 {
  gap: 56px;
}

.gap-x-14 {
  column-gap: 56px;
}

.gap-y-14 {
  row-gap: 56px;
}

.gap-15 {
  gap: 60px;
}

.gap-x-15 {
  column-gap: 60px;
}

.gap-y-15 {
  row-gap: 60px;
}

.gap-16 {
  gap: 64px;
}

.gap-x-16 {
  column-gap: 64px;
}

.gap-y-16 {
  row-gap: 64px;
}

@media (min-width: 600px) {
  .flex-sm-1 {
    flex: 1 1 0% !important;
  }

  .flex-sm-auto {
    flex: 1 1 auto !important;
  }

  .flex-sm-initial {
    flex: 0 1 auto !important;
  }

  .flex-sm-none {
    flex: none !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-sm-start {
    justify-content: flex-start !important;
  }

  .justify-sm-end {
    justify-content: flex-end !important;
  }

  .justify-sm-center {
    justify-content: center !important;
  }

  .justify-sm-space-between {
    justify-content: space-between !important;
  }

  .justify-sm-space-around {
    justify-content: space-around !important;
  }

  .justify-sm-space-evenly {
    justify-content: space-evenly !important;
  }

  .order-sm-first {
    order: -9999 !important;
  }

  .order-sm-last {
    order: 9999 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-6 {
    order: 6 !important;
  }

  .order-sm-7 {
    order: 7 !important;
  }

  .order-sm-8 {
    order: 8 !important;
  }

  .order-sm-9 {
    order: 9 !important;
  }

  .order-sm-10 {
    order: 10 !important;
  }

  .order-sm-11 {
    order: 11 !important;
  }

  .order-sm-12 {
    order: 12 !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-space-between {
    align-content: space-between !important;
  }

  .align-content-sm-space-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-sm-start {
    align-items: flex-start !important;
  }

  .align-sm-end {
    align-items: flex-end !important;
  }

  .align-sm-center {
    align-items: center !important;
  }

  .align-sm-baseline {
    align-items: baseline !important;
  }

  .align-sm-stretch {
    align-items: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .gap-sm-0 {
    gap: 0px;
  }

  .gap-x-sm-0 {
    column-gap: 0px;
  }

  .gap-y-sm-0 {
    row-gap: 0px;
  }

  .gap-sm-1 {
    gap: 4px;
  }

  .gap-x-sm-1 {
    column-gap: 4px;
  }

  .gap-y-sm-1 {
    row-gap: 4px;
  }

  .gap-sm-2 {
    gap: 8px;
  }

  .gap-x-sm-2 {
    column-gap: 8px;
  }

  .gap-y-sm-2 {
    row-gap: 8px;
  }

  .gap-sm-3 {
    gap: 12px;
  }

  .gap-x-sm-3 {
    column-gap: 12px;
  }

  .gap-y-sm-3 {
    row-gap: 12px;
  }

  .gap-sm-4 {
    gap: 16px;
  }

  .gap-x-sm-4 {
    column-gap: 16px;
  }

  .gap-y-sm-4 {
    row-gap: 16px;
  }

  .gap-sm-5 {
    gap: 20px;
  }

  .gap-x-sm-5 {
    column-gap: 20px;
  }

  .gap-y-sm-5 {
    row-gap: 20px;
  }

  .gap-sm-6 {
    gap: 24px;
  }

  .gap-x-sm-6 {
    column-gap: 24px;
  }

  .gap-y-sm-6 {
    row-gap: 24px;
  }

  .gap-sm-7 {
    gap: 28px;
  }

  .gap-x-sm-7 {
    column-gap: 28px;
  }

  .gap-y-sm-7 {
    row-gap: 28px;
  }

  .gap-sm-8 {
    gap: 32px;
  }

  .gap-x-sm-8 {
    column-gap: 32px;
  }

  .gap-y-sm-8 {
    row-gap: 32px;
  }

  .gap-sm-9 {
    gap: 36px;
  }

  .gap-x-sm-9 {
    column-gap: 36px;
  }

  .gap-y-sm-9 {
    row-gap: 36px;
  }

  .gap-sm-10 {
    gap: 40px;
  }

  .gap-x-sm-10 {
    column-gap: 40px;
  }

  .gap-y-sm-10 {
    row-gap: 40px;
  }

  .gap-sm-11 {
    gap: 44px;
  }

  .gap-x-sm-11 {
    column-gap: 44px;
  }

  .gap-y-sm-11 {
    row-gap: 44px;
  }

  .gap-sm-12 {
    gap: 48px;
  }

  .gap-x-sm-12 {
    column-gap: 48px;
  }

  .gap-y-sm-12 {
    row-gap: 48px;
  }

  .gap-sm-13 {
    gap: 52px;
  }

  .gap-x-sm-13 {
    column-gap: 52px;
  }

  .gap-y-sm-13 {
    row-gap: 52px;
  }

  .gap-sm-14 {
    gap: 56px;
  }

  .gap-x-sm-14 {
    column-gap: 56px;
  }

  .gap-y-sm-14 {
    row-gap: 56px;
  }

  .gap-sm-15 {
    gap: 60px;
  }

  .gap-x-sm-15 {
    column-gap: 60px;
  }

  .gap-y-sm-15 {
    row-gap: 60px;
  }

  .gap-sm-16 {
    gap: 64px;
  }

  .gap-x-sm-16 {
    column-gap: 64px;
  }

  .gap-y-sm-16 {
    row-gap: 64px;
  }
}
@media (min-width: 960px) {
  .flex-md-1 {
    flex: 1 1 0% !important;
  }

  .flex-md-auto {
    flex: 1 1 auto !important;
  }

  .flex-md-initial {
    flex: 0 1 auto !important;
  }

  .flex-md-none {
    flex: none !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-md-start {
    justify-content: flex-start !important;
  }

  .justify-md-end {
    justify-content: flex-end !important;
  }

  .justify-md-center {
    justify-content: center !important;
  }

  .justify-md-space-between {
    justify-content: space-between !important;
  }

  .justify-md-space-around {
    justify-content: space-around !important;
  }

  .justify-md-space-evenly {
    justify-content: space-evenly !important;
  }

  .order-md-first {
    order: -9999 !important;
  }

  .order-md-last {
    order: 9999 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-6 {
    order: 6 !important;
  }

  .order-md-7 {
    order: 7 !important;
  }

  .order-md-8 {
    order: 8 !important;
  }

  .order-md-9 {
    order: 9 !important;
  }

  .order-md-10 {
    order: 10 !important;
  }

  .order-md-11 {
    order: 11 !important;
  }

  .order-md-12 {
    order: 12 !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-space-between {
    align-content: space-between !important;
  }

  .align-content-md-space-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-md-start {
    align-items: flex-start !important;
  }

  .align-md-end {
    align-items: flex-end !important;
  }

  .align-md-center {
    align-items: center !important;
  }

  .align-md-baseline {
    align-items: baseline !important;
  }

  .align-md-stretch {
    align-items: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .gap-md-0 {
    gap: 0px;
  }

  .gap-x-md-0 {
    column-gap: 0px;
  }

  .gap-y-md-0 {
    row-gap: 0px;
  }

  .gap-md-1 {
    gap: 4px;
  }

  .gap-x-md-1 {
    column-gap: 4px;
  }

  .gap-y-md-1 {
    row-gap: 4px;
  }

  .gap-md-2 {
    gap: 8px;
  }

  .gap-x-md-2 {
    column-gap: 8px;
  }

  .gap-y-md-2 {
    row-gap: 8px;
  }

  .gap-md-3 {
    gap: 12px;
  }

  .gap-x-md-3 {
    column-gap: 12px;
  }

  .gap-y-md-3 {
    row-gap: 12px;
  }

  .gap-md-4 {
    gap: 16px;
  }

  .gap-x-md-4 {
    column-gap: 16px;
  }

  .gap-y-md-4 {
    row-gap: 16px;
  }

  .gap-md-5 {
    gap: 20px;
  }

  .gap-x-md-5 {
    column-gap: 20px;
  }

  .gap-y-md-5 {
    row-gap: 20px;
  }

  .gap-md-6 {
    gap: 24px;
  }

  .gap-x-md-6 {
    column-gap: 24px;
  }

  .gap-y-md-6 {
    row-gap: 24px;
  }

  .gap-md-7 {
    gap: 28px;
  }

  .gap-x-md-7 {
    column-gap: 28px;
  }

  .gap-y-md-7 {
    row-gap: 28px;
  }

  .gap-md-8 {
    gap: 32px;
  }

  .gap-x-md-8 {
    column-gap: 32px;
  }

  .gap-y-md-8 {
    row-gap: 32px;
  }

  .gap-md-9 {
    gap: 36px;
  }

  .gap-x-md-9 {
    column-gap: 36px;
  }

  .gap-y-md-9 {
    row-gap: 36px;
  }

  .gap-md-10 {
    gap: 40px;
  }

  .gap-x-md-10 {
    column-gap: 40px;
  }

  .gap-y-md-10 {
    row-gap: 40px;
  }

  .gap-md-11 {
    gap: 44px;
  }

  .gap-x-md-11 {
    column-gap: 44px;
  }

  .gap-y-md-11 {
    row-gap: 44px;
  }

  .gap-md-12 {
    gap: 48px;
  }

  .gap-x-md-12 {
    column-gap: 48px;
  }

  .gap-y-md-12 {
    row-gap: 48px;
  }

  .gap-md-13 {
    gap: 52px;
  }

  .gap-x-md-13 {
    column-gap: 52px;
  }

  .gap-y-md-13 {
    row-gap: 52px;
  }

  .gap-md-14 {
    gap: 56px;
  }

  .gap-x-md-14 {
    column-gap: 56px;
  }

  .gap-y-md-14 {
    row-gap: 56px;
  }

  .gap-md-15 {
    gap: 60px;
  }

  .gap-x-md-15 {
    column-gap: 60px;
  }

  .gap-y-md-15 {
    row-gap: 60px;
  }

  .gap-md-16 {
    gap: 64px;
  }

  .gap-x-md-16 {
    column-gap: 64px;
  }

  .gap-y-md-16 {
    row-gap: 64px;
  }
}
@media (min-width: 1280px) {
  .flex-lg-1 {
    flex: 1 1 0% !important;
  }

  .flex-lg-auto {
    flex: 1 1 auto !important;
  }

  .flex-lg-initial {
    flex: 0 1 auto !important;
  }

  .flex-lg-none {
    flex: none !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-lg-start {
    justify-content: flex-start !important;
  }

  .justify-lg-end {
    justify-content: flex-end !important;
  }

  .justify-lg-center {
    justify-content: center !important;
  }

  .justify-lg-space-between {
    justify-content: space-between !important;
  }

  .justify-lg-space-around {
    justify-content: space-around !important;
  }

  .justify-lg-space-evenly {
    justify-content: space-evenly !important;
  }

  .order-lg-first {
    order: -9999 !important;
  }

  .order-lg-last {
    order: 9999 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-6 {
    order: 6 !important;
  }

  .order-lg-7 {
    order: 7 !important;
  }

  .order-lg-8 {
    order: 8 !important;
  }

  .order-lg-9 {
    order: 9 !important;
  }

  .order-lg-10 {
    order: 10 !important;
  }

  .order-lg-11 {
    order: 11 !important;
  }

  .order-lg-12 {
    order: 12 !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-space-between {
    align-content: space-between !important;
  }

  .align-content-lg-space-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-lg-start {
    align-items: flex-start !important;
  }

  .align-lg-end {
    align-items: flex-end !important;
  }

  .align-lg-center {
    align-items: center !important;
  }

  .align-lg-baseline {
    align-items: baseline !important;
  }

  .align-lg-stretch {
    align-items: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .gap-lg-0 {
    gap: 0px;
  }

  .gap-x-lg-0 {
    column-gap: 0px;
  }

  .gap-y-lg-0 {
    row-gap: 0px;
  }

  .gap-lg-1 {
    gap: 4px;
  }

  .gap-x-lg-1 {
    column-gap: 4px;
  }

  .gap-y-lg-1 {
    row-gap: 4px;
  }

  .gap-lg-2 {
    gap: 8px;
  }

  .gap-x-lg-2 {
    column-gap: 8px;
  }

  .gap-y-lg-2 {
    row-gap: 8px;
  }

  .gap-lg-3 {
    gap: 12px;
  }

  .gap-x-lg-3 {
    column-gap: 12px;
  }

  .gap-y-lg-3 {
    row-gap: 12px;
  }

  .gap-lg-4 {
    gap: 16px;
  }

  .gap-x-lg-4 {
    column-gap: 16px;
  }

  .gap-y-lg-4 {
    row-gap: 16px;
  }

  .gap-lg-5 {
    gap: 20px;
  }

  .gap-x-lg-5 {
    column-gap: 20px;
  }

  .gap-y-lg-5 {
    row-gap: 20px;
  }

  .gap-lg-6 {
    gap: 24px;
  }

  .gap-x-lg-6 {
    column-gap: 24px;
  }

  .gap-y-lg-6 {
    row-gap: 24px;
  }

  .gap-lg-7 {
    gap: 28px;
  }

  .gap-x-lg-7 {
    column-gap: 28px;
  }

  .gap-y-lg-7 {
    row-gap: 28px;
  }

  .gap-lg-8 {
    gap: 32px;
  }

  .gap-x-lg-8 {
    column-gap: 32px;
  }

  .gap-y-lg-8 {
    row-gap: 32px;
  }

  .gap-lg-9 {
    gap: 36px;
  }

  .gap-x-lg-9 {
    column-gap: 36px;
  }

  .gap-y-lg-9 {
    row-gap: 36px;
  }

  .gap-lg-10 {
    gap: 40px;
  }

  .gap-x-lg-10 {
    column-gap: 40px;
  }

  .gap-y-lg-10 {
    row-gap: 40px;
  }

  .gap-lg-11 {
    gap: 44px;
  }

  .gap-x-lg-11 {
    column-gap: 44px;
  }

  .gap-y-lg-11 {
    row-gap: 44px;
  }

  .gap-lg-12 {
    gap: 48px;
  }

  .gap-x-lg-12 {
    column-gap: 48px;
  }

  .gap-y-lg-12 {
    row-gap: 48px;
  }

  .gap-lg-13 {
    gap: 52px;
  }

  .gap-x-lg-13 {
    column-gap: 52px;
  }

  .gap-y-lg-13 {
    row-gap: 52px;
  }

  .gap-lg-14 {
    gap: 56px;
  }

  .gap-x-lg-14 {
    column-gap: 56px;
  }

  .gap-y-lg-14 {
    row-gap: 56px;
  }

  .gap-lg-15 {
    gap: 60px;
  }

  .gap-x-lg-15 {
    column-gap: 60px;
  }

  .gap-y-lg-15 {
    row-gap: 60px;
  }

  .gap-lg-16 {
    gap: 64px;
  }

  .gap-x-lg-16 {
    column-gap: 64px;
  }

  .gap-y-lg-16 {
    row-gap: 64px;
  }
}
@media (min-width: 1920px) {
  .flex-xl-1 {
    flex: 1 1 0% !important;
  }

  .flex-xl-auto {
    flex: 1 1 auto !important;
  }

  .flex-xl-initial {
    flex: 0 1 auto !important;
  }

  .flex-xl-none {
    flex: none !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-xl-start {
    justify-content: flex-start !important;
  }

  .justify-xl-end {
    justify-content: flex-end !important;
  }

  .justify-xl-center {
    justify-content: center !important;
  }

  .justify-xl-space-between {
    justify-content: space-between !important;
  }

  .justify-xl-space-around {
    justify-content: space-around !important;
  }

  .justify-xl-space-evenly {
    justify-content: space-evenly !important;
  }

  .order-xl-first {
    order: -9999 !important;
  }

  .order-xl-last {
    order: 9999 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-6 {
    order: 6 !important;
  }

  .order-xl-7 {
    order: 7 !important;
  }

  .order-xl-8 {
    order: 8 !important;
  }

  .order-xl-9 {
    order: 9 !important;
  }

  .order-xl-10 {
    order: 10 !important;
  }

  .order-xl-11 {
    order: 11 !important;
  }

  .order-xl-12 {
    order: 12 !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-space-between {
    align-content: space-between !important;
  }

  .align-content-xl-space-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-xl-start {
    align-items: flex-start !important;
  }

  .align-xl-end {
    align-items: flex-end !important;
  }

  .align-xl-center {
    align-items: center !important;
  }

  .align-xl-baseline {
    align-items: baseline !important;
  }

  .align-xl-stretch {
    align-items: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .gap-xl-0 {
    gap: 0px;
  }

  .gap-x-xl-0 {
    column-gap: 0px;
  }

  .gap-y-xl-0 {
    row-gap: 0px;
  }

  .gap-xl-1 {
    gap: 4px;
  }

  .gap-x-xl-1 {
    column-gap: 4px;
  }

  .gap-y-xl-1 {
    row-gap: 4px;
  }

  .gap-xl-2 {
    gap: 8px;
  }

  .gap-x-xl-2 {
    column-gap: 8px;
  }

  .gap-y-xl-2 {
    row-gap: 8px;
  }

  .gap-xl-3 {
    gap: 12px;
  }

  .gap-x-xl-3 {
    column-gap: 12px;
  }

  .gap-y-xl-3 {
    row-gap: 12px;
  }

  .gap-xl-4 {
    gap: 16px;
  }

  .gap-x-xl-4 {
    column-gap: 16px;
  }

  .gap-y-xl-4 {
    row-gap: 16px;
  }

  .gap-xl-5 {
    gap: 20px;
  }

  .gap-x-xl-5 {
    column-gap: 20px;
  }

  .gap-y-xl-5 {
    row-gap: 20px;
  }

  .gap-xl-6 {
    gap: 24px;
  }

  .gap-x-xl-6 {
    column-gap: 24px;
  }

  .gap-y-xl-6 {
    row-gap: 24px;
  }

  .gap-xl-7 {
    gap: 28px;
  }

  .gap-x-xl-7 {
    column-gap: 28px;
  }

  .gap-y-xl-7 {
    row-gap: 28px;
  }

  .gap-xl-8 {
    gap: 32px;
  }

  .gap-x-xl-8 {
    column-gap: 32px;
  }

  .gap-y-xl-8 {
    row-gap: 32px;
  }

  .gap-xl-9 {
    gap: 36px;
  }

  .gap-x-xl-9 {
    column-gap: 36px;
  }

  .gap-y-xl-9 {
    row-gap: 36px;
  }

  .gap-xl-10 {
    gap: 40px;
  }

  .gap-x-xl-10 {
    column-gap: 40px;
  }

  .gap-y-xl-10 {
    row-gap: 40px;
  }

  .gap-xl-11 {
    gap: 44px;
  }

  .gap-x-xl-11 {
    column-gap: 44px;
  }

  .gap-y-xl-11 {
    row-gap: 44px;
  }

  .gap-xl-12 {
    gap: 48px;
  }

  .gap-x-xl-12 {
    column-gap: 48px;
  }

  .gap-y-xl-12 {
    row-gap: 48px;
  }

  .gap-xl-13 {
    gap: 52px;
  }

  .gap-x-xl-13 {
    column-gap: 52px;
  }

  .gap-y-xl-13 {
    row-gap: 52px;
  }

  .gap-xl-14 {
    gap: 56px;
  }

  .gap-x-xl-14 {
    column-gap: 56px;
  }

  .gap-y-xl-14 {
    row-gap: 56px;
  }

  .gap-xl-15 {
    gap: 60px;
  }

  .gap-x-xl-15 {
    column-gap: 60px;
  }

  .gap-y-xl-15 {
    row-gap: 60px;
  }

  .gap-xl-16 {
    gap: 64px;
  }

  .gap-x-xl-16 {
    column-gap: 64px;
  }

  .gap-y-xl-16 {
    row-gap: 64px;
  }
}
@media (min-width: 2560px) {
  .flex-xxl-1 {
    flex: 1 1 0% !important;
  }

  .flex-xxl-auto {
    flex: 1 1 auto !important;
  }

  .flex-xxl-initial {
    flex: 0 1 auto !important;
  }

  .flex-xxl-none {
    flex: none !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-xxl-center {
    justify-content: center !important;
  }

  .justify-xxl-space-between {
    justify-content: space-between !important;
  }

  .justify-xxl-space-around {
    justify-content: space-around !important;
  }

  .justify-xxl-space-evenly {
    justify-content: space-evenly !important;
  }

  .order-xxl-first {
    order: -9999 !important;
  }

  .order-xxl-last {
    order: 9999 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-6 {
    order: 6 !important;
  }

  .order-xxl-7 {
    order: 7 !important;
  }

  .order-xxl-8 {
    order: 8 !important;
  }

  .order-xxl-9 {
    order: 9 !important;
  }

  .order-xxl-10 {
    order: 10 !important;
  }

  .order-xxl-11 {
    order: 11 !important;
  }

  .order-xxl-12 {
    order: 12 !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-space-between {
    align-content: space-between !important;
  }

  .align-content-xxl-space-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-xxl-start {
    align-items: flex-start !important;
  }

  .align-xxl-end {
    align-items: flex-end !important;
  }

  .align-xxl-center {
    align-items: center !important;
  }

  .align-xxl-baseline {
    align-items: baseline !important;
  }

  .align-xxl-stretch {
    align-items: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .gap-xxl-0 {
    gap: 0px;
  }

  .gap-x-xxl-0 {
    column-gap: 0px;
  }

  .gap-y-xxl-0 {
    row-gap: 0px;
  }

  .gap-xxl-1 {
    gap: 4px;
  }

  .gap-x-xxl-1 {
    column-gap: 4px;
  }

  .gap-y-xxl-1 {
    row-gap: 4px;
  }

  .gap-xxl-2 {
    gap: 8px;
  }

  .gap-x-xxl-2 {
    column-gap: 8px;
  }

  .gap-y-xxl-2 {
    row-gap: 8px;
  }

  .gap-xxl-3 {
    gap: 12px;
  }

  .gap-x-xxl-3 {
    column-gap: 12px;
  }

  .gap-y-xxl-3 {
    row-gap: 12px;
  }

  .gap-xxl-4 {
    gap: 16px;
  }

  .gap-x-xxl-4 {
    column-gap: 16px;
  }

  .gap-y-xxl-4 {
    row-gap: 16px;
  }

  .gap-xxl-5 {
    gap: 20px;
  }

  .gap-x-xxl-5 {
    column-gap: 20px;
  }

  .gap-y-xxl-5 {
    row-gap: 20px;
  }

  .gap-xxl-6 {
    gap: 24px;
  }

  .gap-x-xxl-6 {
    column-gap: 24px;
  }

  .gap-y-xxl-6 {
    row-gap: 24px;
  }

  .gap-xxl-7 {
    gap: 28px;
  }

  .gap-x-xxl-7 {
    column-gap: 28px;
  }

  .gap-y-xxl-7 {
    row-gap: 28px;
  }

  .gap-xxl-8 {
    gap: 32px;
  }

  .gap-x-xxl-8 {
    column-gap: 32px;
  }

  .gap-y-xxl-8 {
    row-gap: 32px;
  }

  .gap-xxl-9 {
    gap: 36px;
  }

  .gap-x-xxl-9 {
    column-gap: 36px;
  }

  .gap-y-xxl-9 {
    row-gap: 36px;
  }

  .gap-xxl-10 {
    gap: 40px;
  }

  .gap-x-xxl-10 {
    column-gap: 40px;
  }

  .gap-y-xxl-10 {
    row-gap: 40px;
  }

  .gap-xxl-11 {
    gap: 44px;
  }

  .gap-x-xxl-11 {
    column-gap: 44px;
  }

  .gap-y-xxl-11 {
    row-gap: 44px;
  }

  .gap-xxl-12 {
    gap: 48px;
  }

  .gap-x-xxl-12 {
    column-gap: 48px;
  }

  .gap-y-xxl-12 {
    row-gap: 48px;
  }

  .gap-xxl-13 {
    gap: 52px;
  }

  .gap-x-xxl-13 {
    column-gap: 52px;
  }

  .gap-y-xxl-13 {
    row-gap: 52px;
  }

  .gap-xxl-14 {
    gap: 56px;
  }

  .gap-x-xxl-14 {
    column-gap: 56px;
  }

  .gap-y-xxl-14 {
    row-gap: 56px;
  }

  .gap-xxl-15 {
    gap: 60px;
  }

  .gap-x-xxl-15 {
    column-gap: 60px;
  }

  .gap-y-xxl-15 {
    row-gap: 60px;
  }

  .gap-xxl-16 {
    gap: 64px;
  }

  .gap-x-xxl-16 {
    column-gap: 64px;
  }

  .gap-y-xxl-16 {
    row-gap: 64px;
  }
}
.cursor-auto {
  cursor: auto !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-none {
  cursor: none !important;
}

.cursor-progress {
  cursor: progress !important;
}

.cursor-cell {
  cursor: cell !important;
}

.cursor-crosshair {
  cursor: crosshair !important;
}

.cursor-vertical-text {
  cursor: vertical-text !important;
}

.cursor-alias {
  cursor: alias !important;
}

.cursor-copy {
  cursor: copy !important;
}

.cursor-no-drop {
  cursor: no-drop !important;
}

.cursor-grab {
  cursor: grab !important;
}

.cursor-grabbing {
  cursor: grabbing !important;
}

.cursor-all-scroll {
  cursor: all-scroll !important;
}

.cursor-col-resize {
  cursor: col-resize !important;
}

.cursor-row-resize {
  cursor: row-resize !important;
}

.cursor-n-resize {
  cursor: n-resize !important;
}

.cursor-w-resize {
  cursor: w-resize !important;
}

.cursor-zoom-in {
  cursor: zoom-in !important;
}

.cursor-zoom-out {
  cursor: zoom-out !important;
}

.cursor-url {
  cursor: url !important;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 600px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 960px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1920px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 2560px) {
  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
.object-none {
  object-fit: none;
}

.object-cover {
  object-fit: cover;
}

.object-contain {
  object-fit: contain;
}

.object-fill {
  object-fit: fill;
}

.object-scale-down {
  object-fit: scale-down;
}

.object-center {
  object-position: center;
}

.object-top {
  object-position: top;
}

.object-bottom {
  object-position: bottom;
}

.object-left {
  object-position: left;
}

.object-left-top {
  object-position: left top;
}

.object-left-bottom {
  object-position: left bottom;
}

.object-right {
  object-position: right;
}

.object-right-top {
  object-position: right top;
}

.object-right-bottom {
  object-position: right bottom;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-60 {
  z-index: 60;
}

.z-70 {
  z-index: 70;
}

.z-80 {
  z-index: 80;
}

.z-90 {
  z-index: 90;
}

.z-100 {
  z-index: 100;
}

.z-auto {
  z-index: auto;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-inline-start: 0 !important;
}

.me-0 {
  margin-inline-end: 0 !important;
}

.ma-0 {
  margin: 0 !important;
}

.mt-1,
.my-1 {
  margin-top: 4px !important;
}

.mr-1,
.mx-1 {
  margin-right: 4px !important;
}

.ml-1,
.mx-1 {
  margin-left: 4px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 4px !important;
}

.ms-1 {
  margin-inline-start: 4px !important;
}

.me-1 {
  margin-inline-end: 4px !important;
}

.ma-1 {
  margin: 4px !important;
}

.mt-2,
.my-2 {
  margin-top: 8px !important;
}

.mr-2,
.mx-2 {
  margin-right: 8px !important;
}

.ml-2,
.mx-2 {
  margin-left: 8px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 8px !important;
}

.ms-2 {
  margin-inline-start: 8px !important;
}

.me-2 {
  margin-inline-end: 8px !important;
}

.ma-2 {
  margin: 8px !important;
}

.mt-3,
.my-3 {
  margin-top: 12px !important;
}

.mr-3,
.mx-3 {
  margin-right: 12px !important;
}

.ml-3,
.mx-3 {
  margin-left: 12px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 12px !important;
}

.ms-3 {
  margin-inline-start: 12px !important;
}

.me-3 {
  margin-inline-end: 12px !important;
}

.ma-3 {
  margin: 12px !important;
}

.mt-4,
.my-4 {
  margin-top: 16px !important;
}

.mr-4,
.mx-4 {
  margin-right: 16px !important;
}

.ml-4,
.mx-4 {
  margin-left: 16px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 16px !important;
}

.ms-4 {
  margin-inline-start: 16px !important;
}

.me-4 {
  margin-inline-end: 16px !important;
}

.ma-4 {
  margin: 16px !important;
}

.mt-5,
.my-5 {
  margin-top: 20px !important;
}

.mr-5,
.mx-5 {
  margin-right: 20px !important;
}

.ml-5,
.mx-5 {
  margin-left: 20px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 20px !important;
}

.ms-5 {
  margin-inline-start: 20px !important;
}

.me-5 {
  margin-inline-end: 20px !important;
}

.ma-5 {
  margin: 20px !important;
}

.mt-6,
.my-6 {
  margin-top: 24px !important;
}

.mr-6,
.mx-6 {
  margin-right: 24px !important;
}

.ml-6,
.mx-6 {
  margin-left: 24px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 24px !important;
}

.ms-6 {
  margin-inline-start: 24px !important;
}

.me-6 {
  margin-inline-end: 24px !important;
}

.ma-6 {
  margin: 24px !important;
}

.mt-7,
.my-7 {
  margin-top: 28px !important;
}

.mr-7,
.mx-7 {
  margin-right: 28px !important;
}

.ml-7,
.mx-7 {
  margin-left: 28px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 28px !important;
}

.ms-7 {
  margin-inline-start: 28px !important;
}

.me-7 {
  margin-inline-end: 28px !important;
}

.ma-7 {
  margin: 28px !important;
}

.mt-8,
.my-8 {
  margin-top: 32px !important;
}

.mr-8,
.mx-8 {
  margin-right: 32px !important;
}

.ml-8,
.mx-8 {
  margin-left: 32px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 32px !important;
}

.ms-8 {
  margin-inline-start: 32px !important;
}

.me-8 {
  margin-inline-end: 32px !important;
}

.ma-8 {
  margin: 32px !important;
}

.mt-9,
.my-9 {
  margin-top: 36px !important;
}

.mr-9,
.mx-9 {
  margin-right: 36px !important;
}

.ml-9,
.mx-9 {
  margin-left: 36px !important;
}

.mb-9,
.my-9 {
  margin-bottom: 36px !important;
}

.ms-9 {
  margin-inline-start: 36px !important;
}

.me-9 {
  margin-inline-end: 36px !important;
}

.ma-9 {
  margin: 36px !important;
}

.mt-10,
.my-10 {
  margin-top: 40px !important;
}

.mr-10,
.mx-10 {
  margin-right: 40px !important;
}

.ml-10,
.mx-10 {
  margin-left: 40px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 40px !important;
}

.ms-10 {
  margin-inline-start: 40px !important;
}

.me-10 {
  margin-inline-end: 40px !important;
}

.ma-10 {
  margin: 40px !important;
}

.mt-11,
.my-11 {
  margin-top: 44px !important;
}

.mr-11,
.mx-11 {
  margin-right: 44px !important;
}

.ml-11,
.mx-11 {
  margin-left: 44px !important;
}

.mb-11,
.my-11 {
  margin-bottom: 44px !important;
}

.ms-11 {
  margin-inline-start: 44px !important;
}

.me-11 {
  margin-inline-end: 44px !important;
}

.ma-11 {
  margin: 44px !important;
}

.mt-12,
.my-12 {
  margin-top: 48px !important;
}

.mr-12,
.mx-12 {
  margin-right: 48px !important;
}

.ml-12,
.mx-12 {
  margin-left: 48px !important;
}

.mb-12,
.my-12 {
  margin-bottom: 48px !important;
}

.ms-12 {
  margin-inline-start: 48px !important;
}

.me-12 {
  margin-inline-end: 48px !important;
}

.ma-12 {
  margin: 48px !important;
}

.mt-13,
.my-13 {
  margin-top: 52px !important;
}

.mr-13,
.mx-13 {
  margin-right: 52px !important;
}

.ml-13,
.mx-13 {
  margin-left: 52px !important;
}

.mb-13,
.my-13 {
  margin-bottom: 52px !important;
}

.ms-13 {
  margin-inline-start: 52px !important;
}

.me-13 {
  margin-inline-end: 52px !important;
}

.ma-13 {
  margin: 52px !important;
}

.mt-14,
.my-14 {
  margin-top: 56px !important;
}

.mr-14,
.mx-14 {
  margin-right: 56px !important;
}

.ml-14,
.mx-14 {
  margin-left: 56px !important;
}

.mb-14,
.my-14 {
  margin-bottom: 56px !important;
}

.ms-14 {
  margin-inline-start: 56px !important;
}

.me-14 {
  margin-inline-end: 56px !important;
}

.ma-14 {
  margin: 56px !important;
}

.mt-15,
.my-15 {
  margin-top: 60px !important;
}

.mr-15,
.mx-15 {
  margin-right: 60px !important;
}

.ml-15,
.mx-15 {
  margin-left: 60px !important;
}

.mb-15,
.my-15 {
  margin-bottom: 60px !important;
}

.ms-15 {
  margin-inline-start: 60px !important;
}

.me-15 {
  margin-inline-end: 60px !important;
}

.ma-15 {
  margin: 60px !important;
}

.mt-16,
.my-16 {
  margin-top: 64px !important;
}

.mr-16,
.mx-16 {
  margin-right: 64px !important;
}

.ml-16,
.mx-16 {
  margin-left: 64px !important;
}

.mb-16,
.my-16 {
  margin-bottom: 64px !important;
}

.ms-16 {
  margin-inline-start: 64px !important;
}

.me-16 {
  margin-inline-end: 64px !important;
}

.ma-16 {
  margin: 64px !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.ma-auto {
  margin: auto !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-inline-start: 0 !important;
}

.pe-0 {
  padding-inline-end: 0 !important;
}

.pa-0 {
  padding: 0 !important;
}

.pt-1,
.py-1 {
  padding-top: 4px !important;
}

.pr-1,
.px-1 {
  padding-right: 4px !important;
}

.pl-1,
.px-1 {
  padding-left: 4px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 4px !important;
}

.ps-1 {
  padding-inline-start: 4px !important;
}

.pe-1 {
  padding-inline-end: 4px !important;
}

.pa-1 {
  padding: 4px !important;
}

.pt-2,
.py-2 {
  padding-top: 8px !important;
}

.pr-2,
.px-2 {
  padding-right: 8px !important;
}

.pl-2,
.px-2 {
  padding-left: 8px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 8px !important;
}

.ps-2 {
  padding-inline-start: 8px !important;
}

.pe-2 {
  padding-inline-end: 8px !important;
}

.pa-2 {
  padding: 8px !important;
}

.pt-3,
.py-3 {
  padding-top: 12px !important;
}

.pr-3,
.px-3 {
  padding-right: 12px !important;
}

.pl-3,
.px-3 {
  padding-left: 12px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 12px !important;
}

.ps-3 {
  padding-inline-start: 12px !important;
}

.pe-3 {
  padding-inline-end: 12px !important;
}

.pa-3 {
  padding: 12px !important;
}

.pt-4,
.py-4 {
  padding-top: 16px !important;
}

.pr-4,
.px-4 {
  padding-right: 16px !important;
}

.pl-4,
.px-4 {
  padding-left: 16px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 16px !important;
}

.ps-4 {
  padding-inline-start: 16px !important;
}

.pe-4 {
  padding-inline-end: 16px !important;
}

.pa-4 {
  padding: 16px !important;
}

.pt-5,
.py-5 {
  padding-top: 20px !important;
}

.pr-5,
.px-5 {
  padding-right: 20px !important;
}

.pl-5,
.px-5 {
  padding-left: 20px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 20px !important;
}

.ps-5 {
  padding-inline-start: 20px !important;
}

.pe-5 {
  padding-inline-end: 20px !important;
}

.pa-5 {
  padding: 20px !important;
}

.pt-6,
.py-6 {
  padding-top: 24px !important;
}

.pr-6,
.px-6 {
  padding-right: 24px !important;
}

.pl-6,
.px-6 {
  padding-left: 24px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 24px !important;
}

.ps-6 {
  padding-inline-start: 24px !important;
}

.pe-6 {
  padding-inline-end: 24px !important;
}

.pa-6 {
  padding: 24px !important;
}

.pt-7,
.py-7 {
  padding-top: 28px !important;
}

.pr-7,
.px-7 {
  padding-right: 28px !important;
}

.pl-7,
.px-7 {
  padding-left: 28px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 28px !important;
}

.ps-7 {
  padding-inline-start: 28px !important;
}

.pe-7 {
  padding-inline-end: 28px !important;
}

.pa-7 {
  padding: 28px !important;
}

.pt-8,
.py-8 {
  padding-top: 32px !important;
}

.pr-8,
.px-8 {
  padding-right: 32px !important;
}

.pl-8,
.px-8 {
  padding-left: 32px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 32px !important;
}

.ps-8 {
  padding-inline-start: 32px !important;
}

.pe-8 {
  padding-inline-end: 32px !important;
}

.pa-8 {
  padding: 32px !important;
}

.pt-9,
.py-9 {
  padding-top: 36px !important;
}

.pr-9,
.px-9 {
  padding-right: 36px !important;
}

.pl-9,
.px-9 {
  padding-left: 36px !important;
}

.pb-9,
.py-9 {
  padding-bottom: 36px !important;
}

.ps-9 {
  padding-inline-start: 36px !important;
}

.pe-9 {
  padding-inline-end: 36px !important;
}

.pa-9 {
  padding: 36px !important;
}

.pt-10,
.py-10 {
  padding-top: 40px !important;
}

.pr-10,
.px-10 {
  padding-right: 40px !important;
}

.pl-10,
.px-10 {
  padding-left: 40px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 40px !important;
}

.ps-10 {
  padding-inline-start: 40px !important;
}

.pe-10 {
  padding-inline-end: 40px !important;
}

.pa-10 {
  padding: 40px !important;
}

.pt-11,
.py-11 {
  padding-top: 44px !important;
}

.pr-11,
.px-11 {
  padding-right: 44px !important;
}

.pl-11,
.px-11 {
  padding-left: 44px !important;
}

.pb-11,
.py-11 {
  padding-bottom: 44px !important;
}

.ps-11 {
  padding-inline-start: 44px !important;
}

.pe-11 {
  padding-inline-end: 44px !important;
}

.pa-11 {
  padding: 44px !important;
}

.pt-12,
.py-12 {
  padding-top: 48px !important;
}

.pr-12,
.px-12 {
  padding-right: 48px !important;
}

.pl-12,
.px-12 {
  padding-left: 48px !important;
}

.pb-12,
.py-12 {
  padding-bottom: 48px !important;
}

.ps-12 {
  padding-inline-start: 48px !important;
}

.pe-12 {
  padding-inline-end: 48px !important;
}

.pa-12 {
  padding: 48px !important;
}

.pt-13,
.py-13 {
  padding-top: 52px !important;
}

.pr-13,
.px-13 {
  padding-right: 52px !important;
}

.pl-13,
.px-13 {
  padding-left: 52px !important;
}

.pb-13,
.py-13 {
  padding-bottom: 52px !important;
}

.ps-13 {
  padding-inline-start: 52px !important;
}

.pe-13 {
  padding-inline-end: 52px !important;
}

.pa-13 {
  padding: 52px !important;
}

.pt-14,
.py-14 {
  padding-top: 56px !important;
}

.pr-14,
.px-14 {
  padding-right: 56px !important;
}

.pl-14,
.px-14 {
  padding-left: 56px !important;
}

.pb-14,
.py-14 {
  padding-bottom: 56px !important;
}

.ps-14 {
  padding-inline-start: 56px !important;
}

.pe-14 {
  padding-inline-end: 56px !important;
}

.pa-14 {
  padding: 56px !important;
}

.pt-15,
.py-15 {
  padding-top: 60px !important;
}

.pr-15,
.px-15 {
  padding-right: 60px !important;
}

.pl-15,
.px-15 {
  padding-left: 60px !important;
}

.pb-15,
.py-15 {
  padding-bottom: 60px !important;
}

.ps-15 {
  padding-inline-start: 60px !important;
}

.pe-15 {
  padding-inline-end: 60px !important;
}

.pa-15 {
  padding: 60px !important;
}

.pt-16,
.py-16 {
  padding-top: 64px !important;
}

.pr-16,
.px-16 {
  padding-right: 64px !important;
}

.pl-16,
.px-16 {
  padding-left: 64px !important;
}

.pb-16,
.py-16 {
  padding-bottom: 64px !important;
}

.ps-16 {
  padding-inline-start: 64px !important;
}

.pe-16 {
  padding-inline-end: 64px !important;
}

.pa-16 {
  padding: 64px !important;
}

.pt-auto,
.py-auto {
  padding-top: auto !important;
}

.pr-auto,
.px-auto {
  padding-right: auto !important;
}

.pl-auto,
.px-auto {
  padding-left: auto !important;
}

.pb-auto,
.py-auto {
  padding-bottom: auto !important;
}

.ps-auto {
  padding-inline-start: auto !important;
}

.pe-auto {
  padding-inline-end: auto !important;
}

.pa-auto {
  padding: auto !important;
}

.mt-n1,
.my-n1 {
  margin-top: -4px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -4px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -4px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -4px !important;
}

.ms-n1 {
  margin-inline-start: -4px !important;
}

.me-n1 {
  margin-inline-end: -4px !important;
}

.ma-n1 {
  margin: -4px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -8px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -8px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -8px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -8px !important;
}

.ms-n2 {
  margin-inline-start: -8px !important;
}

.me-n2 {
  margin-inline-end: -8px !important;
}

.ma-n2 {
  margin: -8px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -12px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -12px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -12px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -12px !important;
}

.ms-n3 {
  margin-inline-start: -12px !important;
}

.me-n3 {
  margin-inline-end: -12px !important;
}

.ma-n3 {
  margin: -12px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -16px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -16px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -16px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -16px !important;
}

.ms-n4 {
  margin-inline-start: -16px !important;
}

.me-n4 {
  margin-inline-end: -16px !important;
}

.ma-n4 {
  margin: -16px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -20px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -20px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -20px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -20px !important;
}

.ms-n5 {
  margin-inline-start: -20px !important;
}

.me-n5 {
  margin-inline-end: -20px !important;
}

.ma-n5 {
  margin: -20px !important;
}

.mt-n6,
.my-n6 {
  margin-top: -24px !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -24px !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -24px !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -24px !important;
}

.ms-n6 {
  margin-inline-start: -24px !important;
}

.me-n6 {
  margin-inline-end: -24px !important;
}

.ma-n6 {
  margin: -24px !important;
}

.mt-n7,
.my-n7 {
  margin-top: -28px !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -28px !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -28px !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -28px !important;
}

.ms-n7 {
  margin-inline-start: -28px !important;
}

.me-n7 {
  margin-inline-end: -28px !important;
}

.ma-n7 {
  margin: -28px !important;
}

.mt-n8,
.my-n8 {
  margin-top: -32px !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -32px !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -32px !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -32px !important;
}

.ms-n8 {
  margin-inline-start: -32px !important;
}

.me-n8 {
  margin-inline-end: -32px !important;
}

.ma-n8 {
  margin: -32px !important;
}

.mt-n9,
.my-n9 {
  margin-top: -36px !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -36px !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -36px !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -36px !important;
}

.ms-n9 {
  margin-inline-start: -36px !important;
}

.me-n9 {
  margin-inline-end: -36px !important;
}

.ma-n9 {
  margin: -36px !important;
}

.mt-n10,
.my-n10 {
  margin-top: -40px !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -40px !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -40px !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -40px !important;
}

.ms-n10 {
  margin-inline-start: -40px !important;
}

.me-n10 {
  margin-inline-end: -40px !important;
}

.ma-n10 {
  margin: -40px !important;
}

.mt-n11,
.my-n11 {
  margin-top: -44px !important;
}

.mr-n11,
.mx-n11 {
  margin-right: -44px !important;
}

.ml-n11,
.mx-n11 {
  margin-left: -44px !important;
}

.mb-n11,
.my-n11 {
  margin-bottom: -44px !important;
}

.ms-n11 {
  margin-inline-start: -44px !important;
}

.me-n11 {
  margin-inline-end: -44px !important;
}

.ma-n11 {
  margin: -44px !important;
}

.mt-n12,
.my-n12 {
  margin-top: -48px !important;
}

.mr-n12,
.mx-n12 {
  margin-right: -48px !important;
}

.ml-n12,
.mx-n12 {
  margin-left: -48px !important;
}

.mb-n12,
.my-n12 {
  margin-bottom: -48px !important;
}

.ms-n12 {
  margin-inline-start: -48px !important;
}

.me-n12 {
  margin-inline-end: -48px !important;
}

.ma-n12 {
  margin: -48px !important;
}

.mt-n13,
.my-n13 {
  margin-top: -52px !important;
}

.mr-n13,
.mx-n13 {
  margin-right: -52px !important;
}

.ml-n13,
.mx-n13 {
  margin-left: -52px !important;
}

.mb-n13,
.my-n13 {
  margin-bottom: -52px !important;
}

.ms-n13 {
  margin-inline-start: -52px !important;
}

.me-n13 {
  margin-inline-end: -52px !important;
}

.ma-n13 {
  margin: -52px !important;
}

.mt-n14,
.my-n14 {
  margin-top: -56px !important;
}

.mr-n14,
.mx-n14 {
  margin-right: -56px !important;
}

.ml-n14,
.mx-n14 {
  margin-left: -56px !important;
}

.mb-n14,
.my-n14 {
  margin-bottom: -56px !important;
}

.ms-n14 {
  margin-inline-start: -56px !important;
}

.me-n14 {
  margin-inline-end: -56px !important;
}

.ma-n14 {
  margin: -56px !important;
}

.mt-n15,
.my-n15 {
  margin-top: -60px !important;
}

.mr-n15,
.mx-n15 {
  margin-right: -60px !important;
}

.ml-n15,
.mx-n15 {
  margin-left: -60px !important;
}

.mb-n15,
.my-n15 {
  margin-bottom: -60px !important;
}

.ms-n15 {
  margin-inline-start: -60px !important;
}

.me-n15 {
  margin-inline-end: -60px !important;
}

.ma-n15 {
  margin: -60px !important;
}

.mt-n16,
.my-n16 {
  margin-top: -64px !important;
}

.mr-n16,
.mx-n16 {
  margin-right: -64px !important;
}

.ml-n16,
.mx-n16 {
  margin-left: -64px !important;
}

.mb-n16,
.my-n16 {
  margin-bottom: -64px !important;
}

.ms-n16 {
  margin-inline-start: -64px !important;
}

.me-n16 {
  margin-inline-end: -64px !important;
}

.ma-n16 {
  margin: -64px !important;
}

@media screen and (min-width: 600px) {
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ms-sm-0 {
    margin-inline-start: 0 !important;
  }

  .me-sm-0 {
    margin-inline-end: 0 !important;
  }

  .ma-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 4px !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 4px !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 4px !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 4px !important;
  }

  .ms-sm-1 {
    margin-inline-start: 4px !important;
  }

  .me-sm-1 {
    margin-inline-end: 4px !important;
  }

  .ma-sm-1 {
    margin: 4px !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 8px !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 8px !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 8px !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 8px !important;
  }

  .ms-sm-2 {
    margin-inline-start: 8px !important;
  }

  .me-sm-2 {
    margin-inline-end: 8px !important;
  }

  .ma-sm-2 {
    margin: 8px !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 12px !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 12px !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 12px !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 12px !important;
  }

  .ms-sm-3 {
    margin-inline-start: 12px !important;
  }

  .me-sm-3 {
    margin-inline-end: 12px !important;
  }

  .ma-sm-3 {
    margin: 12px !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 16px !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 16px !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 16px !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 16px !important;
  }

  .ms-sm-4 {
    margin-inline-start: 16px !important;
  }

  .me-sm-4 {
    margin-inline-end: 16px !important;
  }

  .ma-sm-4 {
    margin: 16px !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 20px !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 20px !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 20px !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 20px !important;
  }

  .ms-sm-5 {
    margin-inline-start: 20px !important;
  }

  .me-sm-5 {
    margin-inline-end: 20px !important;
  }

  .ma-sm-5 {
    margin: 20px !important;
  }

  .mt-sm-6,
.my-sm-6 {
    margin-top: 24px !important;
  }

  .mr-sm-6,
.mx-sm-6 {
    margin-right: 24px !important;
  }

  .ml-sm-6,
.mx-sm-6 {
    margin-left: 24px !important;
  }

  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 24px !important;
  }

  .ms-sm-6 {
    margin-inline-start: 24px !important;
  }

  .me-sm-6 {
    margin-inline-end: 24px !important;
  }

  .ma-sm-6 {
    margin: 24px !important;
  }

  .mt-sm-7,
.my-sm-7 {
    margin-top: 28px !important;
  }

  .mr-sm-7,
.mx-sm-7 {
    margin-right: 28px !important;
  }

  .ml-sm-7,
.mx-sm-7 {
    margin-left: 28px !important;
  }

  .mb-sm-7,
.my-sm-7 {
    margin-bottom: 28px !important;
  }

  .ms-sm-7 {
    margin-inline-start: 28px !important;
  }

  .me-sm-7 {
    margin-inline-end: 28px !important;
  }

  .ma-sm-7 {
    margin: 28px !important;
  }

  .mt-sm-8,
.my-sm-8 {
    margin-top: 32px !important;
  }

  .mr-sm-8,
.mx-sm-8 {
    margin-right: 32px !important;
  }

  .ml-sm-8,
.mx-sm-8 {
    margin-left: 32px !important;
  }

  .mb-sm-8,
.my-sm-8 {
    margin-bottom: 32px !important;
  }

  .ms-sm-8 {
    margin-inline-start: 32px !important;
  }

  .me-sm-8 {
    margin-inline-end: 32px !important;
  }

  .ma-sm-8 {
    margin: 32px !important;
  }

  .mt-sm-9,
.my-sm-9 {
    margin-top: 36px !important;
  }

  .mr-sm-9,
.mx-sm-9 {
    margin-right: 36px !important;
  }

  .ml-sm-9,
.mx-sm-9 {
    margin-left: 36px !important;
  }

  .mb-sm-9,
.my-sm-9 {
    margin-bottom: 36px !important;
  }

  .ms-sm-9 {
    margin-inline-start: 36px !important;
  }

  .me-sm-9 {
    margin-inline-end: 36px !important;
  }

  .ma-sm-9 {
    margin: 36px !important;
  }

  .mt-sm-10,
.my-sm-10 {
    margin-top: 40px !important;
  }

  .mr-sm-10,
.mx-sm-10 {
    margin-right: 40px !important;
  }

  .ml-sm-10,
.mx-sm-10 {
    margin-left: 40px !important;
  }

  .mb-sm-10,
.my-sm-10 {
    margin-bottom: 40px !important;
  }

  .ms-sm-10 {
    margin-inline-start: 40px !important;
  }

  .me-sm-10 {
    margin-inline-end: 40px !important;
  }

  .ma-sm-10 {
    margin: 40px !important;
  }

  .mt-sm-11,
.my-sm-11 {
    margin-top: 44px !important;
  }

  .mr-sm-11,
.mx-sm-11 {
    margin-right: 44px !important;
  }

  .ml-sm-11,
.mx-sm-11 {
    margin-left: 44px !important;
  }

  .mb-sm-11,
.my-sm-11 {
    margin-bottom: 44px !important;
  }

  .ms-sm-11 {
    margin-inline-start: 44px !important;
  }

  .me-sm-11 {
    margin-inline-end: 44px !important;
  }

  .ma-sm-11 {
    margin: 44px !important;
  }

  .mt-sm-12,
.my-sm-12 {
    margin-top: 48px !important;
  }

  .mr-sm-12,
.mx-sm-12 {
    margin-right: 48px !important;
  }

  .ml-sm-12,
.mx-sm-12 {
    margin-left: 48px !important;
  }

  .mb-sm-12,
.my-sm-12 {
    margin-bottom: 48px !important;
  }

  .ms-sm-12 {
    margin-inline-start: 48px !important;
  }

  .me-sm-12 {
    margin-inline-end: 48px !important;
  }

  .ma-sm-12 {
    margin: 48px !important;
  }

  .mt-sm-13,
.my-sm-13 {
    margin-top: 52px !important;
  }

  .mr-sm-13,
.mx-sm-13 {
    margin-right: 52px !important;
  }

  .ml-sm-13,
.mx-sm-13 {
    margin-left: 52px !important;
  }

  .mb-sm-13,
.my-sm-13 {
    margin-bottom: 52px !important;
  }

  .ms-sm-13 {
    margin-inline-start: 52px !important;
  }

  .me-sm-13 {
    margin-inline-end: 52px !important;
  }

  .ma-sm-13 {
    margin: 52px !important;
  }

  .mt-sm-14,
.my-sm-14 {
    margin-top: 56px !important;
  }

  .mr-sm-14,
.mx-sm-14 {
    margin-right: 56px !important;
  }

  .ml-sm-14,
.mx-sm-14 {
    margin-left: 56px !important;
  }

  .mb-sm-14,
.my-sm-14 {
    margin-bottom: 56px !important;
  }

  .ms-sm-14 {
    margin-inline-start: 56px !important;
  }

  .me-sm-14 {
    margin-inline-end: 56px !important;
  }

  .ma-sm-14 {
    margin: 56px !important;
  }

  .mt-sm-15,
.my-sm-15 {
    margin-top: 60px !important;
  }

  .mr-sm-15,
.mx-sm-15 {
    margin-right: 60px !important;
  }

  .ml-sm-15,
.mx-sm-15 {
    margin-left: 60px !important;
  }

  .mb-sm-15,
.my-sm-15 {
    margin-bottom: 60px !important;
  }

  .ms-sm-15 {
    margin-inline-start: 60px !important;
  }

  .me-sm-15 {
    margin-inline-end: 60px !important;
  }

  .ma-sm-15 {
    margin: 60px !important;
  }

  .mt-sm-16,
.my-sm-16 {
    margin-top: 64px !important;
  }

  .mr-sm-16,
.mx-sm-16 {
    margin-right: 64px !important;
  }

  .ml-sm-16,
.mx-sm-16 {
    margin-left: 64px !important;
  }

  .mb-sm-16,
.my-sm-16 {
    margin-bottom: 64px !important;
  }

  .ms-sm-16 {
    margin-inline-start: 64px !important;
  }

  .me-sm-16 {
    margin-inline-end: 64px !important;
  }

  .ma-sm-16 {
    margin: 64px !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-auto {
    margin-inline-start: auto !important;
  }

  .me-sm-auto {
    margin-inline-end: auto !important;
  }

  .ma-sm-auto {
    margin: auto !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .ps-sm-0 {
    padding-inline-start: 0 !important;
  }

  .pe-sm-0 {
    padding-inline-end: 0 !important;
  }

  .pa-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 4px !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 4px !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 4px !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 4px !important;
  }

  .ps-sm-1 {
    padding-inline-start: 4px !important;
  }

  .pe-sm-1 {
    padding-inline-end: 4px !important;
  }

  .pa-sm-1 {
    padding: 4px !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 8px !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 8px !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 8px !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 8px !important;
  }

  .ps-sm-2 {
    padding-inline-start: 8px !important;
  }

  .pe-sm-2 {
    padding-inline-end: 8px !important;
  }

  .pa-sm-2 {
    padding: 8px !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 12px !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 12px !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 12px !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 12px !important;
  }

  .ps-sm-3 {
    padding-inline-start: 12px !important;
  }

  .pe-sm-3 {
    padding-inline-end: 12px !important;
  }

  .pa-sm-3 {
    padding: 12px !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 16px !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 16px !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 16px !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 16px !important;
  }

  .ps-sm-4 {
    padding-inline-start: 16px !important;
  }

  .pe-sm-4 {
    padding-inline-end: 16px !important;
  }

  .pa-sm-4 {
    padding: 16px !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 20px !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 20px !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 20px !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 20px !important;
  }

  .ps-sm-5 {
    padding-inline-start: 20px !important;
  }

  .pe-sm-5 {
    padding-inline-end: 20px !important;
  }

  .pa-sm-5 {
    padding: 20px !important;
  }

  .pt-sm-6,
.py-sm-6 {
    padding-top: 24px !important;
  }

  .pr-sm-6,
.px-sm-6 {
    padding-right: 24px !important;
  }

  .pl-sm-6,
.px-sm-6 {
    padding-left: 24px !important;
  }

  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 24px !important;
  }

  .ps-sm-6 {
    padding-inline-start: 24px !important;
  }

  .pe-sm-6 {
    padding-inline-end: 24px !important;
  }

  .pa-sm-6 {
    padding: 24px !important;
  }

  .pt-sm-7,
.py-sm-7 {
    padding-top: 28px !important;
  }

  .pr-sm-7,
.px-sm-7 {
    padding-right: 28px !important;
  }

  .pl-sm-7,
.px-sm-7 {
    padding-left: 28px !important;
  }

  .pb-sm-7,
.py-sm-7 {
    padding-bottom: 28px !important;
  }

  .ps-sm-7 {
    padding-inline-start: 28px !important;
  }

  .pe-sm-7 {
    padding-inline-end: 28px !important;
  }

  .pa-sm-7 {
    padding: 28px !important;
  }

  .pt-sm-8,
.py-sm-8 {
    padding-top: 32px !important;
  }

  .pr-sm-8,
.px-sm-8 {
    padding-right: 32px !important;
  }

  .pl-sm-8,
.px-sm-8 {
    padding-left: 32px !important;
  }

  .pb-sm-8,
.py-sm-8 {
    padding-bottom: 32px !important;
  }

  .ps-sm-8 {
    padding-inline-start: 32px !important;
  }

  .pe-sm-8 {
    padding-inline-end: 32px !important;
  }

  .pa-sm-8 {
    padding: 32px !important;
  }

  .pt-sm-9,
.py-sm-9 {
    padding-top: 36px !important;
  }

  .pr-sm-9,
.px-sm-9 {
    padding-right: 36px !important;
  }

  .pl-sm-9,
.px-sm-9 {
    padding-left: 36px !important;
  }

  .pb-sm-9,
.py-sm-9 {
    padding-bottom: 36px !important;
  }

  .ps-sm-9 {
    padding-inline-start: 36px !important;
  }

  .pe-sm-9 {
    padding-inline-end: 36px !important;
  }

  .pa-sm-9 {
    padding: 36px !important;
  }

  .pt-sm-10,
.py-sm-10 {
    padding-top: 40px !important;
  }

  .pr-sm-10,
.px-sm-10 {
    padding-right: 40px !important;
  }

  .pl-sm-10,
.px-sm-10 {
    padding-left: 40px !important;
  }

  .pb-sm-10,
.py-sm-10 {
    padding-bottom: 40px !important;
  }

  .ps-sm-10 {
    padding-inline-start: 40px !important;
  }

  .pe-sm-10 {
    padding-inline-end: 40px !important;
  }

  .pa-sm-10 {
    padding: 40px !important;
  }

  .pt-sm-11,
.py-sm-11 {
    padding-top: 44px !important;
  }

  .pr-sm-11,
.px-sm-11 {
    padding-right: 44px !important;
  }

  .pl-sm-11,
.px-sm-11 {
    padding-left: 44px !important;
  }

  .pb-sm-11,
.py-sm-11 {
    padding-bottom: 44px !important;
  }

  .ps-sm-11 {
    padding-inline-start: 44px !important;
  }

  .pe-sm-11 {
    padding-inline-end: 44px !important;
  }

  .pa-sm-11 {
    padding: 44px !important;
  }

  .pt-sm-12,
.py-sm-12 {
    padding-top: 48px !important;
  }

  .pr-sm-12,
.px-sm-12 {
    padding-right: 48px !important;
  }

  .pl-sm-12,
.px-sm-12 {
    padding-left: 48px !important;
  }

  .pb-sm-12,
.py-sm-12 {
    padding-bottom: 48px !important;
  }

  .ps-sm-12 {
    padding-inline-start: 48px !important;
  }

  .pe-sm-12 {
    padding-inline-end: 48px !important;
  }

  .pa-sm-12 {
    padding: 48px !important;
  }

  .pt-sm-13,
.py-sm-13 {
    padding-top: 52px !important;
  }

  .pr-sm-13,
.px-sm-13 {
    padding-right: 52px !important;
  }

  .pl-sm-13,
.px-sm-13 {
    padding-left: 52px !important;
  }

  .pb-sm-13,
.py-sm-13 {
    padding-bottom: 52px !important;
  }

  .ps-sm-13 {
    padding-inline-start: 52px !important;
  }

  .pe-sm-13 {
    padding-inline-end: 52px !important;
  }

  .pa-sm-13 {
    padding: 52px !important;
  }

  .pt-sm-14,
.py-sm-14 {
    padding-top: 56px !important;
  }

  .pr-sm-14,
.px-sm-14 {
    padding-right: 56px !important;
  }

  .pl-sm-14,
.px-sm-14 {
    padding-left: 56px !important;
  }

  .pb-sm-14,
.py-sm-14 {
    padding-bottom: 56px !important;
  }

  .ps-sm-14 {
    padding-inline-start: 56px !important;
  }

  .pe-sm-14 {
    padding-inline-end: 56px !important;
  }

  .pa-sm-14 {
    padding: 56px !important;
  }

  .pt-sm-15,
.py-sm-15 {
    padding-top: 60px !important;
  }

  .pr-sm-15,
.px-sm-15 {
    padding-right: 60px !important;
  }

  .pl-sm-15,
.px-sm-15 {
    padding-left: 60px !important;
  }

  .pb-sm-15,
.py-sm-15 {
    padding-bottom: 60px !important;
  }

  .ps-sm-15 {
    padding-inline-start: 60px !important;
  }

  .pe-sm-15 {
    padding-inline-end: 60px !important;
  }

  .pa-sm-15 {
    padding: 60px !important;
  }

  .pt-sm-16,
.py-sm-16 {
    padding-top: 64px !important;
  }

  .pr-sm-16,
.px-sm-16 {
    padding-right: 64px !important;
  }

  .pl-sm-16,
.px-sm-16 {
    padding-left: 64px !important;
  }

  .pb-sm-16,
.py-sm-16 {
    padding-bottom: 64px !important;
  }

  .ps-sm-16 {
    padding-inline-start: 64px !important;
  }

  .pe-sm-16 {
    padding-inline-end: 64px !important;
  }

  .pa-sm-16 {
    padding: 64px !important;
  }

  .pt-sm-auto,
.py-sm-auto {
    padding-top: auto !important;
  }

  .pr-sm-auto,
.px-sm-auto {
    padding-right: auto !important;
  }

  .pl-sm-auto,
.px-sm-auto {
    padding-left: auto !important;
  }

  .pb-sm-auto,
.py-sm-auto {
    padding-bottom: auto !important;
  }

  .ps-sm-auto {
    padding-inline-start: auto !important;
  }

  .pe-sm-auto {
    padding-inline-end: auto !important;
  }

  .pa-sm-auto {
    padding: auto !important;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -4px !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -4px !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -4px !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -4px !important;
  }

  .ms-sm-n1 {
    margin-inline-start: -4px !important;
  }

  .me-sm-n1 {
    margin-inline-end: -4px !important;
  }

  .ma-sm-n1 {
    margin: -4px !important;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -8px !important;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -8px !important;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -8px !important;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -8px !important;
  }

  .ms-sm-n2 {
    margin-inline-start: -8px !important;
  }

  .me-sm-n2 {
    margin-inline-end: -8px !important;
  }

  .ma-sm-n2 {
    margin: -8px !important;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -12px !important;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -12px !important;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -12px !important;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -12px !important;
  }

  .ms-sm-n3 {
    margin-inline-start: -12px !important;
  }

  .me-sm-n3 {
    margin-inline-end: -12px !important;
  }

  .ma-sm-n3 {
    margin: -12px !important;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -16px !important;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -16px !important;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -16px !important;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -16px !important;
  }

  .ms-sm-n4 {
    margin-inline-start: -16px !important;
  }

  .me-sm-n4 {
    margin-inline-end: -16px !important;
  }

  .ma-sm-n4 {
    margin: -16px !important;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -20px !important;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -20px !important;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -20px !important;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -20px !important;
  }

  .ms-sm-n5 {
    margin-inline-start: -20px !important;
  }

  .me-sm-n5 {
    margin-inline-end: -20px !important;
  }

  .ma-sm-n5 {
    margin: -20px !important;
  }

  .mt-sm-n6,
.my-sm-n6 {
    margin-top: -24px !important;
  }

  .mr-sm-n6,
.mx-sm-n6 {
    margin-right: -24px !important;
  }

  .ml-sm-n6,
.mx-sm-n6 {
    margin-left: -24px !important;
  }

  .mb-sm-n6,
.my-sm-n6 {
    margin-bottom: -24px !important;
  }

  .ms-sm-n6 {
    margin-inline-start: -24px !important;
  }

  .me-sm-n6 {
    margin-inline-end: -24px !important;
  }

  .ma-sm-n6 {
    margin: -24px !important;
  }

  .mt-sm-n7,
.my-sm-n7 {
    margin-top: -28px !important;
  }

  .mr-sm-n7,
.mx-sm-n7 {
    margin-right: -28px !important;
  }

  .ml-sm-n7,
.mx-sm-n7 {
    margin-left: -28px !important;
  }

  .mb-sm-n7,
.my-sm-n7 {
    margin-bottom: -28px !important;
  }

  .ms-sm-n7 {
    margin-inline-start: -28px !important;
  }

  .me-sm-n7 {
    margin-inline-end: -28px !important;
  }

  .ma-sm-n7 {
    margin: -28px !important;
  }

  .mt-sm-n8,
.my-sm-n8 {
    margin-top: -32px !important;
  }

  .mr-sm-n8,
.mx-sm-n8 {
    margin-right: -32px !important;
  }

  .ml-sm-n8,
.mx-sm-n8 {
    margin-left: -32px !important;
  }

  .mb-sm-n8,
.my-sm-n8 {
    margin-bottom: -32px !important;
  }

  .ms-sm-n8 {
    margin-inline-start: -32px !important;
  }

  .me-sm-n8 {
    margin-inline-end: -32px !important;
  }

  .ma-sm-n8 {
    margin: -32px !important;
  }

  .mt-sm-n9,
.my-sm-n9 {
    margin-top: -36px !important;
  }

  .mr-sm-n9,
.mx-sm-n9 {
    margin-right: -36px !important;
  }

  .ml-sm-n9,
.mx-sm-n9 {
    margin-left: -36px !important;
  }

  .mb-sm-n9,
.my-sm-n9 {
    margin-bottom: -36px !important;
  }

  .ms-sm-n9 {
    margin-inline-start: -36px !important;
  }

  .me-sm-n9 {
    margin-inline-end: -36px !important;
  }

  .ma-sm-n9 {
    margin: -36px !important;
  }

  .mt-sm-n10,
.my-sm-n10 {
    margin-top: -40px !important;
  }

  .mr-sm-n10,
.mx-sm-n10 {
    margin-right: -40px !important;
  }

  .ml-sm-n10,
.mx-sm-n10 {
    margin-left: -40px !important;
  }

  .mb-sm-n10,
.my-sm-n10 {
    margin-bottom: -40px !important;
  }

  .ms-sm-n10 {
    margin-inline-start: -40px !important;
  }

  .me-sm-n10 {
    margin-inline-end: -40px !important;
  }

  .ma-sm-n10 {
    margin: -40px !important;
  }

  .mt-sm-n11,
.my-sm-n11 {
    margin-top: -44px !important;
  }

  .mr-sm-n11,
.mx-sm-n11 {
    margin-right: -44px !important;
  }

  .ml-sm-n11,
.mx-sm-n11 {
    margin-left: -44px !important;
  }

  .mb-sm-n11,
.my-sm-n11 {
    margin-bottom: -44px !important;
  }

  .ms-sm-n11 {
    margin-inline-start: -44px !important;
  }

  .me-sm-n11 {
    margin-inline-end: -44px !important;
  }

  .ma-sm-n11 {
    margin: -44px !important;
  }

  .mt-sm-n12,
.my-sm-n12 {
    margin-top: -48px !important;
  }

  .mr-sm-n12,
.mx-sm-n12 {
    margin-right: -48px !important;
  }

  .ml-sm-n12,
.mx-sm-n12 {
    margin-left: -48px !important;
  }

  .mb-sm-n12,
.my-sm-n12 {
    margin-bottom: -48px !important;
  }

  .ms-sm-n12 {
    margin-inline-start: -48px !important;
  }

  .me-sm-n12 {
    margin-inline-end: -48px !important;
  }

  .ma-sm-n12 {
    margin: -48px !important;
  }

  .mt-sm-n13,
.my-sm-n13 {
    margin-top: -52px !important;
  }

  .mr-sm-n13,
.mx-sm-n13 {
    margin-right: -52px !important;
  }

  .ml-sm-n13,
.mx-sm-n13 {
    margin-left: -52px !important;
  }

  .mb-sm-n13,
.my-sm-n13 {
    margin-bottom: -52px !important;
  }

  .ms-sm-n13 {
    margin-inline-start: -52px !important;
  }

  .me-sm-n13 {
    margin-inline-end: -52px !important;
  }

  .ma-sm-n13 {
    margin: -52px !important;
  }

  .mt-sm-n14,
.my-sm-n14 {
    margin-top: -56px !important;
  }

  .mr-sm-n14,
.mx-sm-n14 {
    margin-right: -56px !important;
  }

  .ml-sm-n14,
.mx-sm-n14 {
    margin-left: -56px !important;
  }

  .mb-sm-n14,
.my-sm-n14 {
    margin-bottom: -56px !important;
  }

  .ms-sm-n14 {
    margin-inline-start: -56px !important;
  }

  .me-sm-n14 {
    margin-inline-end: -56px !important;
  }

  .ma-sm-n14 {
    margin: -56px !important;
  }

  .mt-sm-n15,
.my-sm-n15 {
    margin-top: -60px !important;
  }

  .mr-sm-n15,
.mx-sm-n15 {
    margin-right: -60px !important;
  }

  .ml-sm-n15,
.mx-sm-n15 {
    margin-left: -60px !important;
  }

  .mb-sm-n15,
.my-sm-n15 {
    margin-bottom: -60px !important;
  }

  .ms-sm-n15 {
    margin-inline-start: -60px !important;
  }

  .me-sm-n15 {
    margin-inline-end: -60px !important;
  }

  .ma-sm-n15 {
    margin: -60px !important;
  }

  .mt-sm-n16,
.my-sm-n16 {
    margin-top: -64px !important;
  }

  .mr-sm-n16,
.mx-sm-n16 {
    margin-right: -64px !important;
  }

  .ml-sm-n16,
.mx-sm-n16 {
    margin-left: -64px !important;
  }

  .mb-sm-n16,
.my-sm-n16 {
    margin-bottom: -64px !important;
  }

  .ms-sm-n16 {
    margin-inline-start: -64px !important;
  }

  .me-sm-n16 {
    margin-inline-end: -64px !important;
  }

  .ma-sm-n16 {
    margin: -64px !important;
  }
}
@media screen and (min-width: 960px) {
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ms-md-0 {
    margin-inline-start: 0 !important;
  }

  .me-md-0 {
    margin-inline-end: 0 !important;
  }

  .ma-md-0 {
    margin: 0 !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 4px !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 4px !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 4px !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 4px !important;
  }

  .ms-md-1 {
    margin-inline-start: 4px !important;
  }

  .me-md-1 {
    margin-inline-end: 4px !important;
  }

  .ma-md-1 {
    margin: 4px !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 8px !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 8px !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 8px !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 8px !important;
  }

  .ms-md-2 {
    margin-inline-start: 8px !important;
  }

  .me-md-2 {
    margin-inline-end: 8px !important;
  }

  .ma-md-2 {
    margin: 8px !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 12px !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 12px !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 12px !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 12px !important;
  }

  .ms-md-3 {
    margin-inline-start: 12px !important;
  }

  .me-md-3 {
    margin-inline-end: 12px !important;
  }

  .ma-md-3 {
    margin: 12px !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 16px !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 16px !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 16px !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 16px !important;
  }

  .ms-md-4 {
    margin-inline-start: 16px !important;
  }

  .me-md-4 {
    margin-inline-end: 16px !important;
  }

  .ma-md-4 {
    margin: 16px !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 20px !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 20px !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 20px !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 20px !important;
  }

  .ms-md-5 {
    margin-inline-start: 20px !important;
  }

  .me-md-5 {
    margin-inline-end: 20px !important;
  }

  .ma-md-5 {
    margin: 20px !important;
  }

  .mt-md-6,
.my-md-6 {
    margin-top: 24px !important;
  }

  .mr-md-6,
.mx-md-6 {
    margin-right: 24px !important;
  }

  .ml-md-6,
.mx-md-6 {
    margin-left: 24px !important;
  }

  .mb-md-6,
.my-md-6 {
    margin-bottom: 24px !important;
  }

  .ms-md-6 {
    margin-inline-start: 24px !important;
  }

  .me-md-6 {
    margin-inline-end: 24px !important;
  }

  .ma-md-6 {
    margin: 24px !important;
  }

  .mt-md-7,
.my-md-7 {
    margin-top: 28px !important;
  }

  .mr-md-7,
.mx-md-7 {
    margin-right: 28px !important;
  }

  .ml-md-7,
.mx-md-7 {
    margin-left: 28px !important;
  }

  .mb-md-7,
.my-md-7 {
    margin-bottom: 28px !important;
  }

  .ms-md-7 {
    margin-inline-start: 28px !important;
  }

  .me-md-7 {
    margin-inline-end: 28px !important;
  }

  .ma-md-7 {
    margin: 28px !important;
  }

  .mt-md-8,
.my-md-8 {
    margin-top: 32px !important;
  }

  .mr-md-8,
.mx-md-8 {
    margin-right: 32px !important;
  }

  .ml-md-8,
.mx-md-8 {
    margin-left: 32px !important;
  }

  .mb-md-8,
.my-md-8 {
    margin-bottom: 32px !important;
  }

  .ms-md-8 {
    margin-inline-start: 32px !important;
  }

  .me-md-8 {
    margin-inline-end: 32px !important;
  }

  .ma-md-8 {
    margin: 32px !important;
  }

  .mt-md-9,
.my-md-9 {
    margin-top: 36px !important;
  }

  .mr-md-9,
.mx-md-9 {
    margin-right: 36px !important;
  }

  .ml-md-9,
.mx-md-9 {
    margin-left: 36px !important;
  }

  .mb-md-9,
.my-md-9 {
    margin-bottom: 36px !important;
  }

  .ms-md-9 {
    margin-inline-start: 36px !important;
  }

  .me-md-9 {
    margin-inline-end: 36px !important;
  }

  .ma-md-9 {
    margin: 36px !important;
  }

  .mt-md-10,
.my-md-10 {
    margin-top: 40px !important;
  }

  .mr-md-10,
.mx-md-10 {
    margin-right: 40px !important;
  }

  .ml-md-10,
.mx-md-10 {
    margin-left: 40px !important;
  }

  .mb-md-10,
.my-md-10 {
    margin-bottom: 40px !important;
  }

  .ms-md-10 {
    margin-inline-start: 40px !important;
  }

  .me-md-10 {
    margin-inline-end: 40px !important;
  }

  .ma-md-10 {
    margin: 40px !important;
  }

  .mt-md-11,
.my-md-11 {
    margin-top: 44px !important;
  }

  .mr-md-11,
.mx-md-11 {
    margin-right: 44px !important;
  }

  .ml-md-11,
.mx-md-11 {
    margin-left: 44px !important;
  }

  .mb-md-11,
.my-md-11 {
    margin-bottom: 44px !important;
  }

  .ms-md-11 {
    margin-inline-start: 44px !important;
  }

  .me-md-11 {
    margin-inline-end: 44px !important;
  }

  .ma-md-11 {
    margin: 44px !important;
  }

  .mt-md-12,
.my-md-12 {
    margin-top: 48px !important;
  }

  .mr-md-12,
.mx-md-12 {
    margin-right: 48px !important;
  }

  .ml-md-12,
.mx-md-12 {
    margin-left: 48px !important;
  }

  .mb-md-12,
.my-md-12 {
    margin-bottom: 48px !important;
  }

  .ms-md-12 {
    margin-inline-start: 48px !important;
  }

  .me-md-12 {
    margin-inline-end: 48px !important;
  }

  .ma-md-12 {
    margin: 48px !important;
  }

  .mt-md-13,
.my-md-13 {
    margin-top: 52px !important;
  }

  .mr-md-13,
.mx-md-13 {
    margin-right: 52px !important;
  }

  .ml-md-13,
.mx-md-13 {
    margin-left: 52px !important;
  }

  .mb-md-13,
.my-md-13 {
    margin-bottom: 52px !important;
  }

  .ms-md-13 {
    margin-inline-start: 52px !important;
  }

  .me-md-13 {
    margin-inline-end: 52px !important;
  }

  .ma-md-13 {
    margin: 52px !important;
  }

  .mt-md-14,
.my-md-14 {
    margin-top: 56px !important;
  }

  .mr-md-14,
.mx-md-14 {
    margin-right: 56px !important;
  }

  .ml-md-14,
.mx-md-14 {
    margin-left: 56px !important;
  }

  .mb-md-14,
.my-md-14 {
    margin-bottom: 56px !important;
  }

  .ms-md-14 {
    margin-inline-start: 56px !important;
  }

  .me-md-14 {
    margin-inline-end: 56px !important;
  }

  .ma-md-14 {
    margin: 56px !important;
  }

  .mt-md-15,
.my-md-15 {
    margin-top: 60px !important;
  }

  .mr-md-15,
.mx-md-15 {
    margin-right: 60px !important;
  }

  .ml-md-15,
.mx-md-15 {
    margin-left: 60px !important;
  }

  .mb-md-15,
.my-md-15 {
    margin-bottom: 60px !important;
  }

  .ms-md-15 {
    margin-inline-start: 60px !important;
  }

  .me-md-15 {
    margin-inline-end: 60px !important;
  }

  .ma-md-15 {
    margin: 60px !important;
  }

  .mt-md-16,
.my-md-16 {
    margin-top: 64px !important;
  }

  .mr-md-16,
.mx-md-16 {
    margin-right: 64px !important;
  }

  .ml-md-16,
.mx-md-16 {
    margin-left: 64px !important;
  }

  .mb-md-16,
.my-md-16 {
    margin-bottom: 64px !important;
  }

  .ms-md-16 {
    margin-inline-start: 64px !important;
  }

  .me-md-16 {
    margin-inline-end: 64px !important;
  }

  .ma-md-16 {
    margin: 64px !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-auto {
    margin-inline-start: auto !important;
  }

  .me-md-auto {
    margin-inline-end: auto !important;
  }

  .ma-md-auto {
    margin: auto !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .ps-md-0 {
    padding-inline-start: 0 !important;
  }

  .pe-md-0 {
    padding-inline-end: 0 !important;
  }

  .pa-md-0 {
    padding: 0 !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 4px !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 4px !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 4px !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 4px !important;
  }

  .ps-md-1 {
    padding-inline-start: 4px !important;
  }

  .pe-md-1 {
    padding-inline-end: 4px !important;
  }

  .pa-md-1 {
    padding: 4px !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 8px !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 8px !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 8px !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 8px !important;
  }

  .ps-md-2 {
    padding-inline-start: 8px !important;
  }

  .pe-md-2 {
    padding-inline-end: 8px !important;
  }

  .pa-md-2 {
    padding: 8px !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 12px !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 12px !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 12px !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 12px !important;
  }

  .ps-md-3 {
    padding-inline-start: 12px !important;
  }

  .pe-md-3 {
    padding-inline-end: 12px !important;
  }

  .pa-md-3 {
    padding: 12px !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 16px !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 16px !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 16px !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 16px !important;
  }

  .ps-md-4 {
    padding-inline-start: 16px !important;
  }

  .pe-md-4 {
    padding-inline-end: 16px !important;
  }

  .pa-md-4 {
    padding: 16px !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 20px !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 20px !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 20px !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 20px !important;
  }

  .ps-md-5 {
    padding-inline-start: 20px !important;
  }

  .pe-md-5 {
    padding-inline-end: 20px !important;
  }

  .pa-md-5 {
    padding: 20px !important;
  }

  .pt-md-6,
.py-md-6 {
    padding-top: 24px !important;
  }

  .pr-md-6,
.px-md-6 {
    padding-right: 24px !important;
  }

  .pl-md-6,
.px-md-6 {
    padding-left: 24px !important;
  }

  .pb-md-6,
.py-md-6 {
    padding-bottom: 24px !important;
  }

  .ps-md-6 {
    padding-inline-start: 24px !important;
  }

  .pe-md-6 {
    padding-inline-end: 24px !important;
  }

  .pa-md-6 {
    padding: 24px !important;
  }

  .pt-md-7,
.py-md-7 {
    padding-top: 28px !important;
  }

  .pr-md-7,
.px-md-7 {
    padding-right: 28px !important;
  }

  .pl-md-7,
.px-md-7 {
    padding-left: 28px !important;
  }

  .pb-md-7,
.py-md-7 {
    padding-bottom: 28px !important;
  }

  .ps-md-7 {
    padding-inline-start: 28px !important;
  }

  .pe-md-7 {
    padding-inline-end: 28px !important;
  }

  .pa-md-7 {
    padding: 28px !important;
  }

  .pt-md-8,
.py-md-8 {
    padding-top: 32px !important;
  }

  .pr-md-8,
.px-md-8 {
    padding-right: 32px !important;
  }

  .pl-md-8,
.px-md-8 {
    padding-left: 32px !important;
  }

  .pb-md-8,
.py-md-8 {
    padding-bottom: 32px !important;
  }

  .ps-md-8 {
    padding-inline-start: 32px !important;
  }

  .pe-md-8 {
    padding-inline-end: 32px !important;
  }

  .pa-md-8 {
    padding: 32px !important;
  }

  .pt-md-9,
.py-md-9 {
    padding-top: 36px !important;
  }

  .pr-md-9,
.px-md-9 {
    padding-right: 36px !important;
  }

  .pl-md-9,
.px-md-9 {
    padding-left: 36px !important;
  }

  .pb-md-9,
.py-md-9 {
    padding-bottom: 36px !important;
  }

  .ps-md-9 {
    padding-inline-start: 36px !important;
  }

  .pe-md-9 {
    padding-inline-end: 36px !important;
  }

  .pa-md-9 {
    padding: 36px !important;
  }

  .pt-md-10,
.py-md-10 {
    padding-top: 40px !important;
  }

  .pr-md-10,
.px-md-10 {
    padding-right: 40px !important;
  }

  .pl-md-10,
.px-md-10 {
    padding-left: 40px !important;
  }

  .pb-md-10,
.py-md-10 {
    padding-bottom: 40px !important;
  }

  .ps-md-10 {
    padding-inline-start: 40px !important;
  }

  .pe-md-10 {
    padding-inline-end: 40px !important;
  }

  .pa-md-10 {
    padding: 40px !important;
  }

  .pt-md-11,
.py-md-11 {
    padding-top: 44px !important;
  }

  .pr-md-11,
.px-md-11 {
    padding-right: 44px !important;
  }

  .pl-md-11,
.px-md-11 {
    padding-left: 44px !important;
  }

  .pb-md-11,
.py-md-11 {
    padding-bottom: 44px !important;
  }

  .ps-md-11 {
    padding-inline-start: 44px !important;
  }

  .pe-md-11 {
    padding-inline-end: 44px !important;
  }

  .pa-md-11 {
    padding: 44px !important;
  }

  .pt-md-12,
.py-md-12 {
    padding-top: 48px !important;
  }

  .pr-md-12,
.px-md-12 {
    padding-right: 48px !important;
  }

  .pl-md-12,
.px-md-12 {
    padding-left: 48px !important;
  }

  .pb-md-12,
.py-md-12 {
    padding-bottom: 48px !important;
  }

  .ps-md-12 {
    padding-inline-start: 48px !important;
  }

  .pe-md-12 {
    padding-inline-end: 48px !important;
  }

  .pa-md-12 {
    padding: 48px !important;
  }

  .pt-md-13,
.py-md-13 {
    padding-top: 52px !important;
  }

  .pr-md-13,
.px-md-13 {
    padding-right: 52px !important;
  }

  .pl-md-13,
.px-md-13 {
    padding-left: 52px !important;
  }

  .pb-md-13,
.py-md-13 {
    padding-bottom: 52px !important;
  }

  .ps-md-13 {
    padding-inline-start: 52px !important;
  }

  .pe-md-13 {
    padding-inline-end: 52px !important;
  }

  .pa-md-13 {
    padding: 52px !important;
  }

  .pt-md-14,
.py-md-14 {
    padding-top: 56px !important;
  }

  .pr-md-14,
.px-md-14 {
    padding-right: 56px !important;
  }

  .pl-md-14,
.px-md-14 {
    padding-left: 56px !important;
  }

  .pb-md-14,
.py-md-14 {
    padding-bottom: 56px !important;
  }

  .ps-md-14 {
    padding-inline-start: 56px !important;
  }

  .pe-md-14 {
    padding-inline-end: 56px !important;
  }

  .pa-md-14 {
    padding: 56px !important;
  }

  .pt-md-15,
.py-md-15 {
    padding-top: 60px !important;
  }

  .pr-md-15,
.px-md-15 {
    padding-right: 60px !important;
  }

  .pl-md-15,
.px-md-15 {
    padding-left: 60px !important;
  }

  .pb-md-15,
.py-md-15 {
    padding-bottom: 60px !important;
  }

  .ps-md-15 {
    padding-inline-start: 60px !important;
  }

  .pe-md-15 {
    padding-inline-end: 60px !important;
  }

  .pa-md-15 {
    padding: 60px !important;
  }

  .pt-md-16,
.py-md-16 {
    padding-top: 64px !important;
  }

  .pr-md-16,
.px-md-16 {
    padding-right: 64px !important;
  }

  .pl-md-16,
.px-md-16 {
    padding-left: 64px !important;
  }

  .pb-md-16,
.py-md-16 {
    padding-bottom: 64px !important;
  }

  .ps-md-16 {
    padding-inline-start: 64px !important;
  }

  .pe-md-16 {
    padding-inline-end: 64px !important;
  }

  .pa-md-16 {
    padding: 64px !important;
  }

  .pt-md-auto,
.py-md-auto {
    padding-top: auto !important;
  }

  .pr-md-auto,
.px-md-auto {
    padding-right: auto !important;
  }

  .pl-md-auto,
.px-md-auto {
    padding-left: auto !important;
  }

  .pb-md-auto,
.py-md-auto {
    padding-bottom: auto !important;
  }

  .ps-md-auto {
    padding-inline-start: auto !important;
  }

  .pe-md-auto {
    padding-inline-end: auto !important;
  }

  .pa-md-auto {
    padding: auto !important;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -4px !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -4px !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -4px !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -4px !important;
  }

  .ms-md-n1 {
    margin-inline-start: -4px !important;
  }

  .me-md-n1 {
    margin-inline-end: -4px !important;
  }

  .ma-md-n1 {
    margin: -4px !important;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -8px !important;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -8px !important;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -8px !important;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -8px !important;
  }

  .ms-md-n2 {
    margin-inline-start: -8px !important;
  }

  .me-md-n2 {
    margin-inline-end: -8px !important;
  }

  .ma-md-n2 {
    margin: -8px !important;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -12px !important;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -12px !important;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -12px !important;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -12px !important;
  }

  .ms-md-n3 {
    margin-inline-start: -12px !important;
  }

  .me-md-n3 {
    margin-inline-end: -12px !important;
  }

  .ma-md-n3 {
    margin: -12px !important;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -16px !important;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -16px !important;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -16px !important;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -16px !important;
  }

  .ms-md-n4 {
    margin-inline-start: -16px !important;
  }

  .me-md-n4 {
    margin-inline-end: -16px !important;
  }

  .ma-md-n4 {
    margin: -16px !important;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -20px !important;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -20px !important;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -20px !important;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -20px !important;
  }

  .ms-md-n5 {
    margin-inline-start: -20px !important;
  }

  .me-md-n5 {
    margin-inline-end: -20px !important;
  }

  .ma-md-n5 {
    margin: -20px !important;
  }

  .mt-md-n6,
.my-md-n6 {
    margin-top: -24px !important;
  }

  .mr-md-n6,
.mx-md-n6 {
    margin-right: -24px !important;
  }

  .ml-md-n6,
.mx-md-n6 {
    margin-left: -24px !important;
  }

  .mb-md-n6,
.my-md-n6 {
    margin-bottom: -24px !important;
  }

  .ms-md-n6 {
    margin-inline-start: -24px !important;
  }

  .me-md-n6 {
    margin-inline-end: -24px !important;
  }

  .ma-md-n6 {
    margin: -24px !important;
  }

  .mt-md-n7,
.my-md-n7 {
    margin-top: -28px !important;
  }

  .mr-md-n7,
.mx-md-n7 {
    margin-right: -28px !important;
  }

  .ml-md-n7,
.mx-md-n7 {
    margin-left: -28px !important;
  }

  .mb-md-n7,
.my-md-n7 {
    margin-bottom: -28px !important;
  }

  .ms-md-n7 {
    margin-inline-start: -28px !important;
  }

  .me-md-n7 {
    margin-inline-end: -28px !important;
  }

  .ma-md-n7 {
    margin: -28px !important;
  }

  .mt-md-n8,
.my-md-n8 {
    margin-top: -32px !important;
  }

  .mr-md-n8,
.mx-md-n8 {
    margin-right: -32px !important;
  }

  .ml-md-n8,
.mx-md-n8 {
    margin-left: -32px !important;
  }

  .mb-md-n8,
.my-md-n8 {
    margin-bottom: -32px !important;
  }

  .ms-md-n8 {
    margin-inline-start: -32px !important;
  }

  .me-md-n8 {
    margin-inline-end: -32px !important;
  }

  .ma-md-n8 {
    margin: -32px !important;
  }

  .mt-md-n9,
.my-md-n9 {
    margin-top: -36px !important;
  }

  .mr-md-n9,
.mx-md-n9 {
    margin-right: -36px !important;
  }

  .ml-md-n9,
.mx-md-n9 {
    margin-left: -36px !important;
  }

  .mb-md-n9,
.my-md-n9 {
    margin-bottom: -36px !important;
  }

  .ms-md-n9 {
    margin-inline-start: -36px !important;
  }

  .me-md-n9 {
    margin-inline-end: -36px !important;
  }

  .ma-md-n9 {
    margin: -36px !important;
  }

  .mt-md-n10,
.my-md-n10 {
    margin-top: -40px !important;
  }

  .mr-md-n10,
.mx-md-n10 {
    margin-right: -40px !important;
  }

  .ml-md-n10,
.mx-md-n10 {
    margin-left: -40px !important;
  }

  .mb-md-n10,
.my-md-n10 {
    margin-bottom: -40px !important;
  }

  .ms-md-n10 {
    margin-inline-start: -40px !important;
  }

  .me-md-n10 {
    margin-inline-end: -40px !important;
  }

  .ma-md-n10 {
    margin: -40px !important;
  }

  .mt-md-n11,
.my-md-n11 {
    margin-top: -44px !important;
  }

  .mr-md-n11,
.mx-md-n11 {
    margin-right: -44px !important;
  }

  .ml-md-n11,
.mx-md-n11 {
    margin-left: -44px !important;
  }

  .mb-md-n11,
.my-md-n11 {
    margin-bottom: -44px !important;
  }

  .ms-md-n11 {
    margin-inline-start: -44px !important;
  }

  .me-md-n11 {
    margin-inline-end: -44px !important;
  }

  .ma-md-n11 {
    margin: -44px !important;
  }

  .mt-md-n12,
.my-md-n12 {
    margin-top: -48px !important;
  }

  .mr-md-n12,
.mx-md-n12 {
    margin-right: -48px !important;
  }

  .ml-md-n12,
.mx-md-n12 {
    margin-left: -48px !important;
  }

  .mb-md-n12,
.my-md-n12 {
    margin-bottom: -48px !important;
  }

  .ms-md-n12 {
    margin-inline-start: -48px !important;
  }

  .me-md-n12 {
    margin-inline-end: -48px !important;
  }

  .ma-md-n12 {
    margin: -48px !important;
  }

  .mt-md-n13,
.my-md-n13 {
    margin-top: -52px !important;
  }

  .mr-md-n13,
.mx-md-n13 {
    margin-right: -52px !important;
  }

  .ml-md-n13,
.mx-md-n13 {
    margin-left: -52px !important;
  }

  .mb-md-n13,
.my-md-n13 {
    margin-bottom: -52px !important;
  }

  .ms-md-n13 {
    margin-inline-start: -52px !important;
  }

  .me-md-n13 {
    margin-inline-end: -52px !important;
  }

  .ma-md-n13 {
    margin: -52px !important;
  }

  .mt-md-n14,
.my-md-n14 {
    margin-top: -56px !important;
  }

  .mr-md-n14,
.mx-md-n14 {
    margin-right: -56px !important;
  }

  .ml-md-n14,
.mx-md-n14 {
    margin-left: -56px !important;
  }

  .mb-md-n14,
.my-md-n14 {
    margin-bottom: -56px !important;
  }

  .ms-md-n14 {
    margin-inline-start: -56px !important;
  }

  .me-md-n14 {
    margin-inline-end: -56px !important;
  }

  .ma-md-n14 {
    margin: -56px !important;
  }

  .mt-md-n15,
.my-md-n15 {
    margin-top: -60px !important;
  }

  .mr-md-n15,
.mx-md-n15 {
    margin-right: -60px !important;
  }

  .ml-md-n15,
.mx-md-n15 {
    margin-left: -60px !important;
  }

  .mb-md-n15,
.my-md-n15 {
    margin-bottom: -60px !important;
  }

  .ms-md-n15 {
    margin-inline-start: -60px !important;
  }

  .me-md-n15 {
    margin-inline-end: -60px !important;
  }

  .ma-md-n15 {
    margin: -60px !important;
  }

  .mt-md-n16,
.my-md-n16 {
    margin-top: -64px !important;
  }

  .mr-md-n16,
.mx-md-n16 {
    margin-right: -64px !important;
  }

  .ml-md-n16,
.mx-md-n16 {
    margin-left: -64px !important;
  }

  .mb-md-n16,
.my-md-n16 {
    margin-bottom: -64px !important;
  }

  .ms-md-n16 {
    margin-inline-start: -64px !important;
  }

  .me-md-n16 {
    margin-inline-end: -64px !important;
  }

  .ma-md-n16 {
    margin: -64px !important;
  }
}
@media screen and (min-width: 1280px) {
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ms-lg-0 {
    margin-inline-start: 0 !important;
  }

  .me-lg-0 {
    margin-inline-end: 0 !important;
  }

  .ma-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 4px !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 4px !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 4px !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 4px !important;
  }

  .ms-lg-1 {
    margin-inline-start: 4px !important;
  }

  .me-lg-1 {
    margin-inline-end: 4px !important;
  }

  .ma-lg-1 {
    margin: 4px !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 8px !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 8px !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 8px !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 8px !important;
  }

  .ms-lg-2 {
    margin-inline-start: 8px !important;
  }

  .me-lg-2 {
    margin-inline-end: 8px !important;
  }

  .ma-lg-2 {
    margin: 8px !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 12px !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 12px !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 12px !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 12px !important;
  }

  .ms-lg-3 {
    margin-inline-start: 12px !important;
  }

  .me-lg-3 {
    margin-inline-end: 12px !important;
  }

  .ma-lg-3 {
    margin: 12px !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 16px !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 16px !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 16px !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 16px !important;
  }

  .ms-lg-4 {
    margin-inline-start: 16px !important;
  }

  .me-lg-4 {
    margin-inline-end: 16px !important;
  }

  .ma-lg-4 {
    margin: 16px !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 20px !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 20px !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 20px !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 20px !important;
  }

  .ms-lg-5 {
    margin-inline-start: 20px !important;
  }

  .me-lg-5 {
    margin-inline-end: 20px !important;
  }

  .ma-lg-5 {
    margin: 20px !important;
  }

  .mt-lg-6,
.my-lg-6 {
    margin-top: 24px !important;
  }

  .mr-lg-6,
.mx-lg-6 {
    margin-right: 24px !important;
  }

  .ml-lg-6,
.mx-lg-6 {
    margin-left: 24px !important;
  }

  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 24px !important;
  }

  .ms-lg-6 {
    margin-inline-start: 24px !important;
  }

  .me-lg-6 {
    margin-inline-end: 24px !important;
  }

  .ma-lg-6 {
    margin: 24px !important;
  }

  .mt-lg-7,
.my-lg-7 {
    margin-top: 28px !important;
  }

  .mr-lg-7,
.mx-lg-7 {
    margin-right: 28px !important;
  }

  .ml-lg-7,
.mx-lg-7 {
    margin-left: 28px !important;
  }

  .mb-lg-7,
.my-lg-7 {
    margin-bottom: 28px !important;
  }

  .ms-lg-7 {
    margin-inline-start: 28px !important;
  }

  .me-lg-7 {
    margin-inline-end: 28px !important;
  }

  .ma-lg-7 {
    margin: 28px !important;
  }

  .mt-lg-8,
.my-lg-8 {
    margin-top: 32px !important;
  }

  .mr-lg-8,
.mx-lg-8 {
    margin-right: 32px !important;
  }

  .ml-lg-8,
.mx-lg-8 {
    margin-left: 32px !important;
  }

  .mb-lg-8,
.my-lg-8 {
    margin-bottom: 32px !important;
  }

  .ms-lg-8 {
    margin-inline-start: 32px !important;
  }

  .me-lg-8 {
    margin-inline-end: 32px !important;
  }

  .ma-lg-8 {
    margin: 32px !important;
  }

  .mt-lg-9,
.my-lg-9 {
    margin-top: 36px !important;
  }

  .mr-lg-9,
.mx-lg-9 {
    margin-right: 36px !important;
  }

  .ml-lg-9,
.mx-lg-9 {
    margin-left: 36px !important;
  }

  .mb-lg-9,
.my-lg-9 {
    margin-bottom: 36px !important;
  }

  .ms-lg-9 {
    margin-inline-start: 36px !important;
  }

  .me-lg-9 {
    margin-inline-end: 36px !important;
  }

  .ma-lg-9 {
    margin: 36px !important;
  }

  .mt-lg-10,
.my-lg-10 {
    margin-top: 40px !important;
  }

  .mr-lg-10,
.mx-lg-10 {
    margin-right: 40px !important;
  }

  .ml-lg-10,
.mx-lg-10 {
    margin-left: 40px !important;
  }

  .mb-lg-10,
.my-lg-10 {
    margin-bottom: 40px !important;
  }

  .ms-lg-10 {
    margin-inline-start: 40px !important;
  }

  .me-lg-10 {
    margin-inline-end: 40px !important;
  }

  .ma-lg-10 {
    margin: 40px !important;
  }

  .mt-lg-11,
.my-lg-11 {
    margin-top: 44px !important;
  }

  .mr-lg-11,
.mx-lg-11 {
    margin-right: 44px !important;
  }

  .ml-lg-11,
.mx-lg-11 {
    margin-left: 44px !important;
  }

  .mb-lg-11,
.my-lg-11 {
    margin-bottom: 44px !important;
  }

  .ms-lg-11 {
    margin-inline-start: 44px !important;
  }

  .me-lg-11 {
    margin-inline-end: 44px !important;
  }

  .ma-lg-11 {
    margin: 44px !important;
  }

  .mt-lg-12,
.my-lg-12 {
    margin-top: 48px !important;
  }

  .mr-lg-12,
.mx-lg-12 {
    margin-right: 48px !important;
  }

  .ml-lg-12,
.mx-lg-12 {
    margin-left: 48px !important;
  }

  .mb-lg-12,
.my-lg-12 {
    margin-bottom: 48px !important;
  }

  .ms-lg-12 {
    margin-inline-start: 48px !important;
  }

  .me-lg-12 {
    margin-inline-end: 48px !important;
  }

  .ma-lg-12 {
    margin: 48px !important;
  }

  .mt-lg-13,
.my-lg-13 {
    margin-top: 52px !important;
  }

  .mr-lg-13,
.mx-lg-13 {
    margin-right: 52px !important;
  }

  .ml-lg-13,
.mx-lg-13 {
    margin-left: 52px !important;
  }

  .mb-lg-13,
.my-lg-13 {
    margin-bottom: 52px !important;
  }

  .ms-lg-13 {
    margin-inline-start: 52px !important;
  }

  .me-lg-13 {
    margin-inline-end: 52px !important;
  }

  .ma-lg-13 {
    margin: 52px !important;
  }

  .mt-lg-14,
.my-lg-14 {
    margin-top: 56px !important;
  }

  .mr-lg-14,
.mx-lg-14 {
    margin-right: 56px !important;
  }

  .ml-lg-14,
.mx-lg-14 {
    margin-left: 56px !important;
  }

  .mb-lg-14,
.my-lg-14 {
    margin-bottom: 56px !important;
  }

  .ms-lg-14 {
    margin-inline-start: 56px !important;
  }

  .me-lg-14 {
    margin-inline-end: 56px !important;
  }

  .ma-lg-14 {
    margin: 56px !important;
  }

  .mt-lg-15,
.my-lg-15 {
    margin-top: 60px !important;
  }

  .mr-lg-15,
.mx-lg-15 {
    margin-right: 60px !important;
  }

  .ml-lg-15,
.mx-lg-15 {
    margin-left: 60px !important;
  }

  .mb-lg-15,
.my-lg-15 {
    margin-bottom: 60px !important;
  }

  .ms-lg-15 {
    margin-inline-start: 60px !important;
  }

  .me-lg-15 {
    margin-inline-end: 60px !important;
  }

  .ma-lg-15 {
    margin: 60px !important;
  }

  .mt-lg-16,
.my-lg-16 {
    margin-top: 64px !important;
  }

  .mr-lg-16,
.mx-lg-16 {
    margin-right: 64px !important;
  }

  .ml-lg-16,
.mx-lg-16 {
    margin-left: 64px !important;
  }

  .mb-lg-16,
.my-lg-16 {
    margin-bottom: 64px !important;
  }

  .ms-lg-16 {
    margin-inline-start: 64px !important;
  }

  .me-lg-16 {
    margin-inline-end: 64px !important;
  }

  .ma-lg-16 {
    margin: 64px !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-auto {
    margin-inline-start: auto !important;
  }

  .me-lg-auto {
    margin-inline-end: auto !important;
  }

  .ma-lg-auto {
    margin: auto !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .ps-lg-0 {
    padding-inline-start: 0 !important;
  }

  .pe-lg-0 {
    padding-inline-end: 0 !important;
  }

  .pa-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 4px !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 4px !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 4px !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 4px !important;
  }

  .ps-lg-1 {
    padding-inline-start: 4px !important;
  }

  .pe-lg-1 {
    padding-inline-end: 4px !important;
  }

  .pa-lg-1 {
    padding: 4px !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 8px !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 8px !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 8px !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 8px !important;
  }

  .ps-lg-2 {
    padding-inline-start: 8px !important;
  }

  .pe-lg-2 {
    padding-inline-end: 8px !important;
  }

  .pa-lg-2 {
    padding: 8px !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 12px !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 12px !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 12px !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 12px !important;
  }

  .ps-lg-3 {
    padding-inline-start: 12px !important;
  }

  .pe-lg-3 {
    padding-inline-end: 12px !important;
  }

  .pa-lg-3 {
    padding: 12px !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 16px !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 16px !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 16px !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 16px !important;
  }

  .ps-lg-4 {
    padding-inline-start: 16px !important;
  }

  .pe-lg-4 {
    padding-inline-end: 16px !important;
  }

  .pa-lg-4 {
    padding: 16px !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 20px !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 20px !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 20px !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 20px !important;
  }

  .ps-lg-5 {
    padding-inline-start: 20px !important;
  }

  .pe-lg-5 {
    padding-inline-end: 20px !important;
  }

  .pa-lg-5 {
    padding: 20px !important;
  }

  .pt-lg-6,
.py-lg-6 {
    padding-top: 24px !important;
  }

  .pr-lg-6,
.px-lg-6 {
    padding-right: 24px !important;
  }

  .pl-lg-6,
.px-lg-6 {
    padding-left: 24px !important;
  }

  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 24px !important;
  }

  .ps-lg-6 {
    padding-inline-start: 24px !important;
  }

  .pe-lg-6 {
    padding-inline-end: 24px !important;
  }

  .pa-lg-6 {
    padding: 24px !important;
  }

  .pt-lg-7,
.py-lg-7 {
    padding-top: 28px !important;
  }

  .pr-lg-7,
.px-lg-7 {
    padding-right: 28px !important;
  }

  .pl-lg-7,
.px-lg-7 {
    padding-left: 28px !important;
  }

  .pb-lg-7,
.py-lg-7 {
    padding-bottom: 28px !important;
  }

  .ps-lg-7 {
    padding-inline-start: 28px !important;
  }

  .pe-lg-7 {
    padding-inline-end: 28px !important;
  }

  .pa-lg-7 {
    padding: 28px !important;
  }

  .pt-lg-8,
.py-lg-8 {
    padding-top: 32px !important;
  }

  .pr-lg-8,
.px-lg-8 {
    padding-right: 32px !important;
  }

  .pl-lg-8,
.px-lg-8 {
    padding-left: 32px !important;
  }

  .pb-lg-8,
.py-lg-8 {
    padding-bottom: 32px !important;
  }

  .ps-lg-8 {
    padding-inline-start: 32px !important;
  }

  .pe-lg-8 {
    padding-inline-end: 32px !important;
  }

  .pa-lg-8 {
    padding: 32px !important;
  }

  .pt-lg-9,
.py-lg-9 {
    padding-top: 36px !important;
  }

  .pr-lg-9,
.px-lg-9 {
    padding-right: 36px !important;
  }

  .pl-lg-9,
.px-lg-9 {
    padding-left: 36px !important;
  }

  .pb-lg-9,
.py-lg-9 {
    padding-bottom: 36px !important;
  }

  .ps-lg-9 {
    padding-inline-start: 36px !important;
  }

  .pe-lg-9 {
    padding-inline-end: 36px !important;
  }

  .pa-lg-9 {
    padding: 36px !important;
  }

  .pt-lg-10,
.py-lg-10 {
    padding-top: 40px !important;
  }

  .pr-lg-10,
.px-lg-10 {
    padding-right: 40px !important;
  }

  .pl-lg-10,
.px-lg-10 {
    padding-left: 40px !important;
  }

  .pb-lg-10,
.py-lg-10 {
    padding-bottom: 40px !important;
  }

  .ps-lg-10 {
    padding-inline-start: 40px !important;
  }

  .pe-lg-10 {
    padding-inline-end: 40px !important;
  }

  .pa-lg-10 {
    padding: 40px !important;
  }

  .pt-lg-11,
.py-lg-11 {
    padding-top: 44px !important;
  }

  .pr-lg-11,
.px-lg-11 {
    padding-right: 44px !important;
  }

  .pl-lg-11,
.px-lg-11 {
    padding-left: 44px !important;
  }

  .pb-lg-11,
.py-lg-11 {
    padding-bottom: 44px !important;
  }

  .ps-lg-11 {
    padding-inline-start: 44px !important;
  }

  .pe-lg-11 {
    padding-inline-end: 44px !important;
  }

  .pa-lg-11 {
    padding: 44px !important;
  }

  .pt-lg-12,
.py-lg-12 {
    padding-top: 48px !important;
  }

  .pr-lg-12,
.px-lg-12 {
    padding-right: 48px !important;
  }

  .pl-lg-12,
.px-lg-12 {
    padding-left: 48px !important;
  }

  .pb-lg-12,
.py-lg-12 {
    padding-bottom: 48px !important;
  }

  .ps-lg-12 {
    padding-inline-start: 48px !important;
  }

  .pe-lg-12 {
    padding-inline-end: 48px !important;
  }

  .pa-lg-12 {
    padding: 48px !important;
  }

  .pt-lg-13,
.py-lg-13 {
    padding-top: 52px !important;
  }

  .pr-lg-13,
.px-lg-13 {
    padding-right: 52px !important;
  }

  .pl-lg-13,
.px-lg-13 {
    padding-left: 52px !important;
  }

  .pb-lg-13,
.py-lg-13 {
    padding-bottom: 52px !important;
  }

  .ps-lg-13 {
    padding-inline-start: 52px !important;
  }

  .pe-lg-13 {
    padding-inline-end: 52px !important;
  }

  .pa-lg-13 {
    padding: 52px !important;
  }

  .pt-lg-14,
.py-lg-14 {
    padding-top: 56px !important;
  }

  .pr-lg-14,
.px-lg-14 {
    padding-right: 56px !important;
  }

  .pl-lg-14,
.px-lg-14 {
    padding-left: 56px !important;
  }

  .pb-lg-14,
.py-lg-14 {
    padding-bottom: 56px !important;
  }

  .ps-lg-14 {
    padding-inline-start: 56px !important;
  }

  .pe-lg-14 {
    padding-inline-end: 56px !important;
  }

  .pa-lg-14 {
    padding: 56px !important;
  }

  .pt-lg-15,
.py-lg-15 {
    padding-top: 60px !important;
  }

  .pr-lg-15,
.px-lg-15 {
    padding-right: 60px !important;
  }

  .pl-lg-15,
.px-lg-15 {
    padding-left: 60px !important;
  }

  .pb-lg-15,
.py-lg-15 {
    padding-bottom: 60px !important;
  }

  .ps-lg-15 {
    padding-inline-start: 60px !important;
  }

  .pe-lg-15 {
    padding-inline-end: 60px !important;
  }

  .pa-lg-15 {
    padding: 60px !important;
  }

  .pt-lg-16,
.py-lg-16 {
    padding-top: 64px !important;
  }

  .pr-lg-16,
.px-lg-16 {
    padding-right: 64px !important;
  }

  .pl-lg-16,
.px-lg-16 {
    padding-left: 64px !important;
  }

  .pb-lg-16,
.py-lg-16 {
    padding-bottom: 64px !important;
  }

  .ps-lg-16 {
    padding-inline-start: 64px !important;
  }

  .pe-lg-16 {
    padding-inline-end: 64px !important;
  }

  .pa-lg-16 {
    padding: 64px !important;
  }

  .pt-lg-auto,
.py-lg-auto {
    padding-top: auto !important;
  }

  .pr-lg-auto,
.px-lg-auto {
    padding-right: auto !important;
  }

  .pl-lg-auto,
.px-lg-auto {
    padding-left: auto !important;
  }

  .pb-lg-auto,
.py-lg-auto {
    padding-bottom: auto !important;
  }

  .ps-lg-auto {
    padding-inline-start: auto !important;
  }

  .pe-lg-auto {
    padding-inline-end: auto !important;
  }

  .pa-lg-auto {
    padding: auto !important;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -4px !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -4px !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -4px !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -4px !important;
  }

  .ms-lg-n1 {
    margin-inline-start: -4px !important;
  }

  .me-lg-n1 {
    margin-inline-end: -4px !important;
  }

  .ma-lg-n1 {
    margin: -4px !important;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -8px !important;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -8px !important;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -8px !important;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -8px !important;
  }

  .ms-lg-n2 {
    margin-inline-start: -8px !important;
  }

  .me-lg-n2 {
    margin-inline-end: -8px !important;
  }

  .ma-lg-n2 {
    margin: -8px !important;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -12px !important;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -12px !important;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -12px !important;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -12px !important;
  }

  .ms-lg-n3 {
    margin-inline-start: -12px !important;
  }

  .me-lg-n3 {
    margin-inline-end: -12px !important;
  }

  .ma-lg-n3 {
    margin: -12px !important;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -16px !important;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -16px !important;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -16px !important;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -16px !important;
  }

  .ms-lg-n4 {
    margin-inline-start: -16px !important;
  }

  .me-lg-n4 {
    margin-inline-end: -16px !important;
  }

  .ma-lg-n4 {
    margin: -16px !important;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -20px !important;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -20px !important;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -20px !important;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -20px !important;
  }

  .ms-lg-n5 {
    margin-inline-start: -20px !important;
  }

  .me-lg-n5 {
    margin-inline-end: -20px !important;
  }

  .ma-lg-n5 {
    margin: -20px !important;
  }

  .mt-lg-n6,
.my-lg-n6 {
    margin-top: -24px !important;
  }

  .mr-lg-n6,
.mx-lg-n6 {
    margin-right: -24px !important;
  }

  .ml-lg-n6,
.mx-lg-n6 {
    margin-left: -24px !important;
  }

  .mb-lg-n6,
.my-lg-n6 {
    margin-bottom: -24px !important;
  }

  .ms-lg-n6 {
    margin-inline-start: -24px !important;
  }

  .me-lg-n6 {
    margin-inline-end: -24px !important;
  }

  .ma-lg-n6 {
    margin: -24px !important;
  }

  .mt-lg-n7,
.my-lg-n7 {
    margin-top: -28px !important;
  }

  .mr-lg-n7,
.mx-lg-n7 {
    margin-right: -28px !important;
  }

  .ml-lg-n7,
.mx-lg-n7 {
    margin-left: -28px !important;
  }

  .mb-lg-n7,
.my-lg-n7 {
    margin-bottom: -28px !important;
  }

  .ms-lg-n7 {
    margin-inline-start: -28px !important;
  }

  .me-lg-n7 {
    margin-inline-end: -28px !important;
  }

  .ma-lg-n7 {
    margin: -28px !important;
  }

  .mt-lg-n8,
.my-lg-n8 {
    margin-top: -32px !important;
  }

  .mr-lg-n8,
.mx-lg-n8 {
    margin-right: -32px !important;
  }

  .ml-lg-n8,
.mx-lg-n8 {
    margin-left: -32px !important;
  }

  .mb-lg-n8,
.my-lg-n8 {
    margin-bottom: -32px !important;
  }

  .ms-lg-n8 {
    margin-inline-start: -32px !important;
  }

  .me-lg-n8 {
    margin-inline-end: -32px !important;
  }

  .ma-lg-n8 {
    margin: -32px !important;
  }

  .mt-lg-n9,
.my-lg-n9 {
    margin-top: -36px !important;
  }

  .mr-lg-n9,
.mx-lg-n9 {
    margin-right: -36px !important;
  }

  .ml-lg-n9,
.mx-lg-n9 {
    margin-left: -36px !important;
  }

  .mb-lg-n9,
.my-lg-n9 {
    margin-bottom: -36px !important;
  }

  .ms-lg-n9 {
    margin-inline-start: -36px !important;
  }

  .me-lg-n9 {
    margin-inline-end: -36px !important;
  }

  .ma-lg-n9 {
    margin: -36px !important;
  }

  .mt-lg-n10,
.my-lg-n10 {
    margin-top: -40px !important;
  }

  .mr-lg-n10,
.mx-lg-n10 {
    margin-right: -40px !important;
  }

  .ml-lg-n10,
.mx-lg-n10 {
    margin-left: -40px !important;
  }

  .mb-lg-n10,
.my-lg-n10 {
    margin-bottom: -40px !important;
  }

  .ms-lg-n10 {
    margin-inline-start: -40px !important;
  }

  .me-lg-n10 {
    margin-inline-end: -40px !important;
  }

  .ma-lg-n10 {
    margin: -40px !important;
  }

  .mt-lg-n11,
.my-lg-n11 {
    margin-top: -44px !important;
  }

  .mr-lg-n11,
.mx-lg-n11 {
    margin-right: -44px !important;
  }

  .ml-lg-n11,
.mx-lg-n11 {
    margin-left: -44px !important;
  }

  .mb-lg-n11,
.my-lg-n11 {
    margin-bottom: -44px !important;
  }

  .ms-lg-n11 {
    margin-inline-start: -44px !important;
  }

  .me-lg-n11 {
    margin-inline-end: -44px !important;
  }

  .ma-lg-n11 {
    margin: -44px !important;
  }

  .mt-lg-n12,
.my-lg-n12 {
    margin-top: -48px !important;
  }

  .mr-lg-n12,
.mx-lg-n12 {
    margin-right: -48px !important;
  }

  .ml-lg-n12,
.mx-lg-n12 {
    margin-left: -48px !important;
  }

  .mb-lg-n12,
.my-lg-n12 {
    margin-bottom: -48px !important;
  }

  .ms-lg-n12 {
    margin-inline-start: -48px !important;
  }

  .me-lg-n12 {
    margin-inline-end: -48px !important;
  }

  .ma-lg-n12 {
    margin: -48px !important;
  }

  .mt-lg-n13,
.my-lg-n13 {
    margin-top: -52px !important;
  }

  .mr-lg-n13,
.mx-lg-n13 {
    margin-right: -52px !important;
  }

  .ml-lg-n13,
.mx-lg-n13 {
    margin-left: -52px !important;
  }

  .mb-lg-n13,
.my-lg-n13 {
    margin-bottom: -52px !important;
  }

  .ms-lg-n13 {
    margin-inline-start: -52px !important;
  }

  .me-lg-n13 {
    margin-inline-end: -52px !important;
  }

  .ma-lg-n13 {
    margin: -52px !important;
  }

  .mt-lg-n14,
.my-lg-n14 {
    margin-top: -56px !important;
  }

  .mr-lg-n14,
.mx-lg-n14 {
    margin-right: -56px !important;
  }

  .ml-lg-n14,
.mx-lg-n14 {
    margin-left: -56px !important;
  }

  .mb-lg-n14,
.my-lg-n14 {
    margin-bottom: -56px !important;
  }

  .ms-lg-n14 {
    margin-inline-start: -56px !important;
  }

  .me-lg-n14 {
    margin-inline-end: -56px !important;
  }

  .ma-lg-n14 {
    margin: -56px !important;
  }

  .mt-lg-n15,
.my-lg-n15 {
    margin-top: -60px !important;
  }

  .mr-lg-n15,
.mx-lg-n15 {
    margin-right: -60px !important;
  }

  .ml-lg-n15,
.mx-lg-n15 {
    margin-left: -60px !important;
  }

  .mb-lg-n15,
.my-lg-n15 {
    margin-bottom: -60px !important;
  }

  .ms-lg-n15 {
    margin-inline-start: -60px !important;
  }

  .me-lg-n15 {
    margin-inline-end: -60px !important;
  }

  .ma-lg-n15 {
    margin: -60px !important;
  }

  .mt-lg-n16,
.my-lg-n16 {
    margin-top: -64px !important;
  }

  .mr-lg-n16,
.mx-lg-n16 {
    margin-right: -64px !important;
  }

  .ml-lg-n16,
.mx-lg-n16 {
    margin-left: -64px !important;
  }

  .mb-lg-n16,
.my-lg-n16 {
    margin-bottom: -64px !important;
  }

  .ms-lg-n16 {
    margin-inline-start: -64px !important;
  }

  .me-lg-n16 {
    margin-inline-end: -64px !important;
  }

  .ma-lg-n16 {
    margin: -64px !important;
  }
}
@media screen and (min-width: 1920px) {
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ms-xl-0 {
    margin-inline-start: 0 !important;
  }

  .me-xl-0 {
    margin-inline-end: 0 !important;
  }

  .ma-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 4px !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 4px !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 4px !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 4px !important;
  }

  .ms-xl-1 {
    margin-inline-start: 4px !important;
  }

  .me-xl-1 {
    margin-inline-end: 4px !important;
  }

  .ma-xl-1 {
    margin: 4px !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 8px !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 8px !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 8px !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 8px !important;
  }

  .ms-xl-2 {
    margin-inline-start: 8px !important;
  }

  .me-xl-2 {
    margin-inline-end: 8px !important;
  }

  .ma-xl-2 {
    margin: 8px !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 12px !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 12px !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 12px !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 12px !important;
  }

  .ms-xl-3 {
    margin-inline-start: 12px !important;
  }

  .me-xl-3 {
    margin-inline-end: 12px !important;
  }

  .ma-xl-3 {
    margin: 12px !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 16px !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 16px !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 16px !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 16px !important;
  }

  .ms-xl-4 {
    margin-inline-start: 16px !important;
  }

  .me-xl-4 {
    margin-inline-end: 16px !important;
  }

  .ma-xl-4 {
    margin: 16px !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 20px !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 20px !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 20px !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 20px !important;
  }

  .ms-xl-5 {
    margin-inline-start: 20px !important;
  }

  .me-xl-5 {
    margin-inline-end: 20px !important;
  }

  .ma-xl-5 {
    margin: 20px !important;
  }

  .mt-xl-6,
.my-xl-6 {
    margin-top: 24px !important;
  }

  .mr-xl-6,
.mx-xl-6 {
    margin-right: 24px !important;
  }

  .ml-xl-6,
.mx-xl-6 {
    margin-left: 24px !important;
  }

  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 24px !important;
  }

  .ms-xl-6 {
    margin-inline-start: 24px !important;
  }

  .me-xl-6 {
    margin-inline-end: 24px !important;
  }

  .ma-xl-6 {
    margin: 24px !important;
  }

  .mt-xl-7,
.my-xl-7 {
    margin-top: 28px !important;
  }

  .mr-xl-7,
.mx-xl-7 {
    margin-right: 28px !important;
  }

  .ml-xl-7,
.mx-xl-7 {
    margin-left: 28px !important;
  }

  .mb-xl-7,
.my-xl-7 {
    margin-bottom: 28px !important;
  }

  .ms-xl-7 {
    margin-inline-start: 28px !important;
  }

  .me-xl-7 {
    margin-inline-end: 28px !important;
  }

  .ma-xl-7 {
    margin: 28px !important;
  }

  .mt-xl-8,
.my-xl-8 {
    margin-top: 32px !important;
  }

  .mr-xl-8,
.mx-xl-8 {
    margin-right: 32px !important;
  }

  .ml-xl-8,
.mx-xl-8 {
    margin-left: 32px !important;
  }

  .mb-xl-8,
.my-xl-8 {
    margin-bottom: 32px !important;
  }

  .ms-xl-8 {
    margin-inline-start: 32px !important;
  }

  .me-xl-8 {
    margin-inline-end: 32px !important;
  }

  .ma-xl-8 {
    margin: 32px !important;
  }

  .mt-xl-9,
.my-xl-9 {
    margin-top: 36px !important;
  }

  .mr-xl-9,
.mx-xl-9 {
    margin-right: 36px !important;
  }

  .ml-xl-9,
.mx-xl-9 {
    margin-left: 36px !important;
  }

  .mb-xl-9,
.my-xl-9 {
    margin-bottom: 36px !important;
  }

  .ms-xl-9 {
    margin-inline-start: 36px !important;
  }

  .me-xl-9 {
    margin-inline-end: 36px !important;
  }

  .ma-xl-9 {
    margin: 36px !important;
  }

  .mt-xl-10,
.my-xl-10 {
    margin-top: 40px !important;
  }

  .mr-xl-10,
.mx-xl-10 {
    margin-right: 40px !important;
  }

  .ml-xl-10,
.mx-xl-10 {
    margin-left: 40px !important;
  }

  .mb-xl-10,
.my-xl-10 {
    margin-bottom: 40px !important;
  }

  .ms-xl-10 {
    margin-inline-start: 40px !important;
  }

  .me-xl-10 {
    margin-inline-end: 40px !important;
  }

  .ma-xl-10 {
    margin: 40px !important;
  }

  .mt-xl-11,
.my-xl-11 {
    margin-top: 44px !important;
  }

  .mr-xl-11,
.mx-xl-11 {
    margin-right: 44px !important;
  }

  .ml-xl-11,
.mx-xl-11 {
    margin-left: 44px !important;
  }

  .mb-xl-11,
.my-xl-11 {
    margin-bottom: 44px !important;
  }

  .ms-xl-11 {
    margin-inline-start: 44px !important;
  }

  .me-xl-11 {
    margin-inline-end: 44px !important;
  }

  .ma-xl-11 {
    margin: 44px !important;
  }

  .mt-xl-12,
.my-xl-12 {
    margin-top: 48px !important;
  }

  .mr-xl-12,
.mx-xl-12 {
    margin-right: 48px !important;
  }

  .ml-xl-12,
.mx-xl-12 {
    margin-left: 48px !important;
  }

  .mb-xl-12,
.my-xl-12 {
    margin-bottom: 48px !important;
  }

  .ms-xl-12 {
    margin-inline-start: 48px !important;
  }

  .me-xl-12 {
    margin-inline-end: 48px !important;
  }

  .ma-xl-12 {
    margin: 48px !important;
  }

  .mt-xl-13,
.my-xl-13 {
    margin-top: 52px !important;
  }

  .mr-xl-13,
.mx-xl-13 {
    margin-right: 52px !important;
  }

  .ml-xl-13,
.mx-xl-13 {
    margin-left: 52px !important;
  }

  .mb-xl-13,
.my-xl-13 {
    margin-bottom: 52px !important;
  }

  .ms-xl-13 {
    margin-inline-start: 52px !important;
  }

  .me-xl-13 {
    margin-inline-end: 52px !important;
  }

  .ma-xl-13 {
    margin: 52px !important;
  }

  .mt-xl-14,
.my-xl-14 {
    margin-top: 56px !important;
  }

  .mr-xl-14,
.mx-xl-14 {
    margin-right: 56px !important;
  }

  .ml-xl-14,
.mx-xl-14 {
    margin-left: 56px !important;
  }

  .mb-xl-14,
.my-xl-14 {
    margin-bottom: 56px !important;
  }

  .ms-xl-14 {
    margin-inline-start: 56px !important;
  }

  .me-xl-14 {
    margin-inline-end: 56px !important;
  }

  .ma-xl-14 {
    margin: 56px !important;
  }

  .mt-xl-15,
.my-xl-15 {
    margin-top: 60px !important;
  }

  .mr-xl-15,
.mx-xl-15 {
    margin-right: 60px !important;
  }

  .ml-xl-15,
.mx-xl-15 {
    margin-left: 60px !important;
  }

  .mb-xl-15,
.my-xl-15 {
    margin-bottom: 60px !important;
  }

  .ms-xl-15 {
    margin-inline-start: 60px !important;
  }

  .me-xl-15 {
    margin-inline-end: 60px !important;
  }

  .ma-xl-15 {
    margin: 60px !important;
  }

  .mt-xl-16,
.my-xl-16 {
    margin-top: 64px !important;
  }

  .mr-xl-16,
.mx-xl-16 {
    margin-right: 64px !important;
  }

  .ml-xl-16,
.mx-xl-16 {
    margin-left: 64px !important;
  }

  .mb-xl-16,
.my-xl-16 {
    margin-bottom: 64px !important;
  }

  .ms-xl-16 {
    margin-inline-start: 64px !important;
  }

  .me-xl-16 {
    margin-inline-end: 64px !important;
  }

  .ma-xl-16 {
    margin: 64px !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-auto {
    margin-inline-start: auto !important;
  }

  .me-xl-auto {
    margin-inline-end: auto !important;
  }

  .ma-xl-auto {
    margin: auto !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .ps-xl-0 {
    padding-inline-start: 0 !important;
  }

  .pe-xl-0 {
    padding-inline-end: 0 !important;
  }

  .pa-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 4px !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 4px !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 4px !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 4px !important;
  }

  .ps-xl-1 {
    padding-inline-start: 4px !important;
  }

  .pe-xl-1 {
    padding-inline-end: 4px !important;
  }

  .pa-xl-1 {
    padding: 4px !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 8px !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 8px !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 8px !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 8px !important;
  }

  .ps-xl-2 {
    padding-inline-start: 8px !important;
  }

  .pe-xl-2 {
    padding-inline-end: 8px !important;
  }

  .pa-xl-2 {
    padding: 8px !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 12px !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 12px !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 12px !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 12px !important;
  }

  .ps-xl-3 {
    padding-inline-start: 12px !important;
  }

  .pe-xl-3 {
    padding-inline-end: 12px !important;
  }

  .pa-xl-3 {
    padding: 12px !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 16px !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 16px !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 16px !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 16px !important;
  }

  .ps-xl-4 {
    padding-inline-start: 16px !important;
  }

  .pe-xl-4 {
    padding-inline-end: 16px !important;
  }

  .pa-xl-4 {
    padding: 16px !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 20px !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 20px !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 20px !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 20px !important;
  }

  .ps-xl-5 {
    padding-inline-start: 20px !important;
  }

  .pe-xl-5 {
    padding-inline-end: 20px !important;
  }

  .pa-xl-5 {
    padding: 20px !important;
  }

  .pt-xl-6,
.py-xl-6 {
    padding-top: 24px !important;
  }

  .pr-xl-6,
.px-xl-6 {
    padding-right: 24px !important;
  }

  .pl-xl-6,
.px-xl-6 {
    padding-left: 24px !important;
  }

  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 24px !important;
  }

  .ps-xl-6 {
    padding-inline-start: 24px !important;
  }

  .pe-xl-6 {
    padding-inline-end: 24px !important;
  }

  .pa-xl-6 {
    padding: 24px !important;
  }

  .pt-xl-7,
.py-xl-7 {
    padding-top: 28px !important;
  }

  .pr-xl-7,
.px-xl-7 {
    padding-right: 28px !important;
  }

  .pl-xl-7,
.px-xl-7 {
    padding-left: 28px !important;
  }

  .pb-xl-7,
.py-xl-7 {
    padding-bottom: 28px !important;
  }

  .ps-xl-7 {
    padding-inline-start: 28px !important;
  }

  .pe-xl-7 {
    padding-inline-end: 28px !important;
  }

  .pa-xl-7 {
    padding: 28px !important;
  }

  .pt-xl-8,
.py-xl-8 {
    padding-top: 32px !important;
  }

  .pr-xl-8,
.px-xl-8 {
    padding-right: 32px !important;
  }

  .pl-xl-8,
.px-xl-8 {
    padding-left: 32px !important;
  }

  .pb-xl-8,
.py-xl-8 {
    padding-bottom: 32px !important;
  }

  .ps-xl-8 {
    padding-inline-start: 32px !important;
  }

  .pe-xl-8 {
    padding-inline-end: 32px !important;
  }

  .pa-xl-8 {
    padding: 32px !important;
  }

  .pt-xl-9,
.py-xl-9 {
    padding-top: 36px !important;
  }

  .pr-xl-9,
.px-xl-9 {
    padding-right: 36px !important;
  }

  .pl-xl-9,
.px-xl-9 {
    padding-left: 36px !important;
  }

  .pb-xl-9,
.py-xl-9 {
    padding-bottom: 36px !important;
  }

  .ps-xl-9 {
    padding-inline-start: 36px !important;
  }

  .pe-xl-9 {
    padding-inline-end: 36px !important;
  }

  .pa-xl-9 {
    padding: 36px !important;
  }

  .pt-xl-10,
.py-xl-10 {
    padding-top: 40px !important;
  }

  .pr-xl-10,
.px-xl-10 {
    padding-right: 40px !important;
  }

  .pl-xl-10,
.px-xl-10 {
    padding-left: 40px !important;
  }

  .pb-xl-10,
.py-xl-10 {
    padding-bottom: 40px !important;
  }

  .ps-xl-10 {
    padding-inline-start: 40px !important;
  }

  .pe-xl-10 {
    padding-inline-end: 40px !important;
  }

  .pa-xl-10 {
    padding: 40px !important;
  }

  .pt-xl-11,
.py-xl-11 {
    padding-top: 44px !important;
  }

  .pr-xl-11,
.px-xl-11 {
    padding-right: 44px !important;
  }

  .pl-xl-11,
.px-xl-11 {
    padding-left: 44px !important;
  }

  .pb-xl-11,
.py-xl-11 {
    padding-bottom: 44px !important;
  }

  .ps-xl-11 {
    padding-inline-start: 44px !important;
  }

  .pe-xl-11 {
    padding-inline-end: 44px !important;
  }

  .pa-xl-11 {
    padding: 44px !important;
  }

  .pt-xl-12,
.py-xl-12 {
    padding-top: 48px !important;
  }

  .pr-xl-12,
.px-xl-12 {
    padding-right: 48px !important;
  }

  .pl-xl-12,
.px-xl-12 {
    padding-left: 48px !important;
  }

  .pb-xl-12,
.py-xl-12 {
    padding-bottom: 48px !important;
  }

  .ps-xl-12 {
    padding-inline-start: 48px !important;
  }

  .pe-xl-12 {
    padding-inline-end: 48px !important;
  }

  .pa-xl-12 {
    padding: 48px !important;
  }

  .pt-xl-13,
.py-xl-13 {
    padding-top: 52px !important;
  }

  .pr-xl-13,
.px-xl-13 {
    padding-right: 52px !important;
  }

  .pl-xl-13,
.px-xl-13 {
    padding-left: 52px !important;
  }

  .pb-xl-13,
.py-xl-13 {
    padding-bottom: 52px !important;
  }

  .ps-xl-13 {
    padding-inline-start: 52px !important;
  }

  .pe-xl-13 {
    padding-inline-end: 52px !important;
  }

  .pa-xl-13 {
    padding: 52px !important;
  }

  .pt-xl-14,
.py-xl-14 {
    padding-top: 56px !important;
  }

  .pr-xl-14,
.px-xl-14 {
    padding-right: 56px !important;
  }

  .pl-xl-14,
.px-xl-14 {
    padding-left: 56px !important;
  }

  .pb-xl-14,
.py-xl-14 {
    padding-bottom: 56px !important;
  }

  .ps-xl-14 {
    padding-inline-start: 56px !important;
  }

  .pe-xl-14 {
    padding-inline-end: 56px !important;
  }

  .pa-xl-14 {
    padding: 56px !important;
  }

  .pt-xl-15,
.py-xl-15 {
    padding-top: 60px !important;
  }

  .pr-xl-15,
.px-xl-15 {
    padding-right: 60px !important;
  }

  .pl-xl-15,
.px-xl-15 {
    padding-left: 60px !important;
  }

  .pb-xl-15,
.py-xl-15 {
    padding-bottom: 60px !important;
  }

  .ps-xl-15 {
    padding-inline-start: 60px !important;
  }

  .pe-xl-15 {
    padding-inline-end: 60px !important;
  }

  .pa-xl-15 {
    padding: 60px !important;
  }

  .pt-xl-16,
.py-xl-16 {
    padding-top: 64px !important;
  }

  .pr-xl-16,
.px-xl-16 {
    padding-right: 64px !important;
  }

  .pl-xl-16,
.px-xl-16 {
    padding-left: 64px !important;
  }

  .pb-xl-16,
.py-xl-16 {
    padding-bottom: 64px !important;
  }

  .ps-xl-16 {
    padding-inline-start: 64px !important;
  }

  .pe-xl-16 {
    padding-inline-end: 64px !important;
  }

  .pa-xl-16 {
    padding: 64px !important;
  }

  .pt-xl-auto,
.py-xl-auto {
    padding-top: auto !important;
  }

  .pr-xl-auto,
.px-xl-auto {
    padding-right: auto !important;
  }

  .pl-xl-auto,
.px-xl-auto {
    padding-left: auto !important;
  }

  .pb-xl-auto,
.py-xl-auto {
    padding-bottom: auto !important;
  }

  .ps-xl-auto {
    padding-inline-start: auto !important;
  }

  .pe-xl-auto {
    padding-inline-end: auto !important;
  }

  .pa-xl-auto {
    padding: auto !important;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -4px !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -4px !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -4px !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -4px !important;
  }

  .ms-xl-n1 {
    margin-inline-start: -4px !important;
  }

  .me-xl-n1 {
    margin-inline-end: -4px !important;
  }

  .ma-xl-n1 {
    margin: -4px !important;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -8px !important;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -8px !important;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -8px !important;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -8px !important;
  }

  .ms-xl-n2 {
    margin-inline-start: -8px !important;
  }

  .me-xl-n2 {
    margin-inline-end: -8px !important;
  }

  .ma-xl-n2 {
    margin: -8px !important;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -12px !important;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -12px !important;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -12px !important;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -12px !important;
  }

  .ms-xl-n3 {
    margin-inline-start: -12px !important;
  }

  .me-xl-n3 {
    margin-inline-end: -12px !important;
  }

  .ma-xl-n3 {
    margin: -12px !important;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -16px !important;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -16px !important;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -16px !important;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -16px !important;
  }

  .ms-xl-n4 {
    margin-inline-start: -16px !important;
  }

  .me-xl-n4 {
    margin-inline-end: -16px !important;
  }

  .ma-xl-n4 {
    margin: -16px !important;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -20px !important;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -20px !important;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -20px !important;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -20px !important;
  }

  .ms-xl-n5 {
    margin-inline-start: -20px !important;
  }

  .me-xl-n5 {
    margin-inline-end: -20px !important;
  }

  .ma-xl-n5 {
    margin: -20px !important;
  }

  .mt-xl-n6,
.my-xl-n6 {
    margin-top: -24px !important;
  }

  .mr-xl-n6,
.mx-xl-n6 {
    margin-right: -24px !important;
  }

  .ml-xl-n6,
.mx-xl-n6 {
    margin-left: -24px !important;
  }

  .mb-xl-n6,
.my-xl-n6 {
    margin-bottom: -24px !important;
  }

  .ms-xl-n6 {
    margin-inline-start: -24px !important;
  }

  .me-xl-n6 {
    margin-inline-end: -24px !important;
  }

  .ma-xl-n6 {
    margin: -24px !important;
  }

  .mt-xl-n7,
.my-xl-n7 {
    margin-top: -28px !important;
  }

  .mr-xl-n7,
.mx-xl-n7 {
    margin-right: -28px !important;
  }

  .ml-xl-n7,
.mx-xl-n7 {
    margin-left: -28px !important;
  }

  .mb-xl-n7,
.my-xl-n7 {
    margin-bottom: -28px !important;
  }

  .ms-xl-n7 {
    margin-inline-start: -28px !important;
  }

  .me-xl-n7 {
    margin-inline-end: -28px !important;
  }

  .ma-xl-n7 {
    margin: -28px !important;
  }

  .mt-xl-n8,
.my-xl-n8 {
    margin-top: -32px !important;
  }

  .mr-xl-n8,
.mx-xl-n8 {
    margin-right: -32px !important;
  }

  .ml-xl-n8,
.mx-xl-n8 {
    margin-left: -32px !important;
  }

  .mb-xl-n8,
.my-xl-n8 {
    margin-bottom: -32px !important;
  }

  .ms-xl-n8 {
    margin-inline-start: -32px !important;
  }

  .me-xl-n8 {
    margin-inline-end: -32px !important;
  }

  .ma-xl-n8 {
    margin: -32px !important;
  }

  .mt-xl-n9,
.my-xl-n9 {
    margin-top: -36px !important;
  }

  .mr-xl-n9,
.mx-xl-n9 {
    margin-right: -36px !important;
  }

  .ml-xl-n9,
.mx-xl-n9 {
    margin-left: -36px !important;
  }

  .mb-xl-n9,
.my-xl-n9 {
    margin-bottom: -36px !important;
  }

  .ms-xl-n9 {
    margin-inline-start: -36px !important;
  }

  .me-xl-n9 {
    margin-inline-end: -36px !important;
  }

  .ma-xl-n9 {
    margin: -36px !important;
  }

  .mt-xl-n10,
.my-xl-n10 {
    margin-top: -40px !important;
  }

  .mr-xl-n10,
.mx-xl-n10 {
    margin-right: -40px !important;
  }

  .ml-xl-n10,
.mx-xl-n10 {
    margin-left: -40px !important;
  }

  .mb-xl-n10,
.my-xl-n10 {
    margin-bottom: -40px !important;
  }

  .ms-xl-n10 {
    margin-inline-start: -40px !important;
  }

  .me-xl-n10 {
    margin-inline-end: -40px !important;
  }

  .ma-xl-n10 {
    margin: -40px !important;
  }

  .mt-xl-n11,
.my-xl-n11 {
    margin-top: -44px !important;
  }

  .mr-xl-n11,
.mx-xl-n11 {
    margin-right: -44px !important;
  }

  .ml-xl-n11,
.mx-xl-n11 {
    margin-left: -44px !important;
  }

  .mb-xl-n11,
.my-xl-n11 {
    margin-bottom: -44px !important;
  }

  .ms-xl-n11 {
    margin-inline-start: -44px !important;
  }

  .me-xl-n11 {
    margin-inline-end: -44px !important;
  }

  .ma-xl-n11 {
    margin: -44px !important;
  }

  .mt-xl-n12,
.my-xl-n12 {
    margin-top: -48px !important;
  }

  .mr-xl-n12,
.mx-xl-n12 {
    margin-right: -48px !important;
  }

  .ml-xl-n12,
.mx-xl-n12 {
    margin-left: -48px !important;
  }

  .mb-xl-n12,
.my-xl-n12 {
    margin-bottom: -48px !important;
  }

  .ms-xl-n12 {
    margin-inline-start: -48px !important;
  }

  .me-xl-n12 {
    margin-inline-end: -48px !important;
  }

  .ma-xl-n12 {
    margin: -48px !important;
  }

  .mt-xl-n13,
.my-xl-n13 {
    margin-top: -52px !important;
  }

  .mr-xl-n13,
.mx-xl-n13 {
    margin-right: -52px !important;
  }

  .ml-xl-n13,
.mx-xl-n13 {
    margin-left: -52px !important;
  }

  .mb-xl-n13,
.my-xl-n13 {
    margin-bottom: -52px !important;
  }

  .ms-xl-n13 {
    margin-inline-start: -52px !important;
  }

  .me-xl-n13 {
    margin-inline-end: -52px !important;
  }

  .ma-xl-n13 {
    margin: -52px !important;
  }

  .mt-xl-n14,
.my-xl-n14 {
    margin-top: -56px !important;
  }

  .mr-xl-n14,
.mx-xl-n14 {
    margin-right: -56px !important;
  }

  .ml-xl-n14,
.mx-xl-n14 {
    margin-left: -56px !important;
  }

  .mb-xl-n14,
.my-xl-n14 {
    margin-bottom: -56px !important;
  }

  .ms-xl-n14 {
    margin-inline-start: -56px !important;
  }

  .me-xl-n14 {
    margin-inline-end: -56px !important;
  }

  .ma-xl-n14 {
    margin: -56px !important;
  }

  .mt-xl-n15,
.my-xl-n15 {
    margin-top: -60px !important;
  }

  .mr-xl-n15,
.mx-xl-n15 {
    margin-right: -60px !important;
  }

  .ml-xl-n15,
.mx-xl-n15 {
    margin-left: -60px !important;
  }

  .mb-xl-n15,
.my-xl-n15 {
    margin-bottom: -60px !important;
  }

  .ms-xl-n15 {
    margin-inline-start: -60px !important;
  }

  .me-xl-n15 {
    margin-inline-end: -60px !important;
  }

  .ma-xl-n15 {
    margin: -60px !important;
  }

  .mt-xl-n16,
.my-xl-n16 {
    margin-top: -64px !important;
  }

  .mr-xl-n16,
.mx-xl-n16 {
    margin-right: -64px !important;
  }

  .ml-xl-n16,
.mx-xl-n16 {
    margin-left: -64px !important;
  }

  .mb-xl-n16,
.my-xl-n16 {
    margin-bottom: -64px !important;
  }

  .ms-xl-n16 {
    margin-inline-start: -64px !important;
  }

  .me-xl-n16 {
    margin-inline-end: -64px !important;
  }

  .ma-xl-n16 {
    margin: -64px !important;
  }
}
@media screen and (min-width: 2560px) {
  .mt-xxl-0,
.my-xxl-0 {
    margin-top: 0 !important;
  }

  .mr-xxl-0,
.mx-xxl-0 {
    margin-right: 0 !important;
  }

  .ml-xxl-0,
.mx-xxl-0 {
    margin-left: 0 !important;
  }

  .mb-xxl-0,
.my-xxl-0 {
    margin-bottom: 0 !important;
  }

  .ms-xxl-0 {
    margin-inline-start: 0 !important;
  }

  .me-xxl-0 {
    margin-inline-end: 0 !important;
  }

  .ma-xxl-0 {
    margin: 0 !important;
  }

  .mt-xxl-1,
.my-xxl-1 {
    margin-top: 4px !important;
  }

  .mr-xxl-1,
.mx-xxl-1 {
    margin-right: 4px !important;
  }

  .ml-xxl-1,
.mx-xxl-1 {
    margin-left: 4px !important;
  }

  .mb-xxl-1,
.my-xxl-1 {
    margin-bottom: 4px !important;
  }

  .ms-xxl-1 {
    margin-inline-start: 4px !important;
  }

  .me-xxl-1 {
    margin-inline-end: 4px !important;
  }

  .ma-xxl-1 {
    margin: 4px !important;
  }

  .mt-xxl-2,
.my-xxl-2 {
    margin-top: 8px !important;
  }

  .mr-xxl-2,
.mx-xxl-2 {
    margin-right: 8px !important;
  }

  .ml-xxl-2,
.mx-xxl-2 {
    margin-left: 8px !important;
  }

  .mb-xxl-2,
.my-xxl-2 {
    margin-bottom: 8px !important;
  }

  .ms-xxl-2 {
    margin-inline-start: 8px !important;
  }

  .me-xxl-2 {
    margin-inline-end: 8px !important;
  }

  .ma-xxl-2 {
    margin: 8px !important;
  }

  .mt-xxl-3,
.my-xxl-3 {
    margin-top: 12px !important;
  }

  .mr-xxl-3,
.mx-xxl-3 {
    margin-right: 12px !important;
  }

  .ml-xxl-3,
.mx-xxl-3 {
    margin-left: 12px !important;
  }

  .mb-xxl-3,
.my-xxl-3 {
    margin-bottom: 12px !important;
  }

  .ms-xxl-3 {
    margin-inline-start: 12px !important;
  }

  .me-xxl-3 {
    margin-inline-end: 12px !important;
  }

  .ma-xxl-3 {
    margin: 12px !important;
  }

  .mt-xxl-4,
.my-xxl-4 {
    margin-top: 16px !important;
  }

  .mr-xxl-4,
.mx-xxl-4 {
    margin-right: 16px !important;
  }

  .ml-xxl-4,
.mx-xxl-4 {
    margin-left: 16px !important;
  }

  .mb-xxl-4,
.my-xxl-4 {
    margin-bottom: 16px !important;
  }

  .ms-xxl-4 {
    margin-inline-start: 16px !important;
  }

  .me-xxl-4 {
    margin-inline-end: 16px !important;
  }

  .ma-xxl-4 {
    margin: 16px !important;
  }

  .mt-xxl-5,
.my-xxl-5 {
    margin-top: 20px !important;
  }

  .mr-xxl-5,
.mx-xxl-5 {
    margin-right: 20px !important;
  }

  .ml-xxl-5,
.mx-xxl-5 {
    margin-left: 20px !important;
  }

  .mb-xxl-5,
.my-xxl-5 {
    margin-bottom: 20px !important;
  }

  .ms-xxl-5 {
    margin-inline-start: 20px !important;
  }

  .me-xxl-5 {
    margin-inline-end: 20px !important;
  }

  .ma-xxl-5 {
    margin: 20px !important;
  }

  .mt-xxl-6,
.my-xxl-6 {
    margin-top: 24px !important;
  }

  .mr-xxl-6,
.mx-xxl-6 {
    margin-right: 24px !important;
  }

  .ml-xxl-6,
.mx-xxl-6 {
    margin-left: 24px !important;
  }

  .mb-xxl-6,
.my-xxl-6 {
    margin-bottom: 24px !important;
  }

  .ms-xxl-6 {
    margin-inline-start: 24px !important;
  }

  .me-xxl-6 {
    margin-inline-end: 24px !important;
  }

  .ma-xxl-6 {
    margin: 24px !important;
  }

  .mt-xxl-7,
.my-xxl-7 {
    margin-top: 28px !important;
  }

  .mr-xxl-7,
.mx-xxl-7 {
    margin-right: 28px !important;
  }

  .ml-xxl-7,
.mx-xxl-7 {
    margin-left: 28px !important;
  }

  .mb-xxl-7,
.my-xxl-7 {
    margin-bottom: 28px !important;
  }

  .ms-xxl-7 {
    margin-inline-start: 28px !important;
  }

  .me-xxl-7 {
    margin-inline-end: 28px !important;
  }

  .ma-xxl-7 {
    margin: 28px !important;
  }

  .mt-xxl-8,
.my-xxl-8 {
    margin-top: 32px !important;
  }

  .mr-xxl-8,
.mx-xxl-8 {
    margin-right: 32px !important;
  }

  .ml-xxl-8,
.mx-xxl-8 {
    margin-left: 32px !important;
  }

  .mb-xxl-8,
.my-xxl-8 {
    margin-bottom: 32px !important;
  }

  .ms-xxl-8 {
    margin-inline-start: 32px !important;
  }

  .me-xxl-8 {
    margin-inline-end: 32px !important;
  }

  .ma-xxl-8 {
    margin: 32px !important;
  }

  .mt-xxl-9,
.my-xxl-9 {
    margin-top: 36px !important;
  }

  .mr-xxl-9,
.mx-xxl-9 {
    margin-right: 36px !important;
  }

  .ml-xxl-9,
.mx-xxl-9 {
    margin-left: 36px !important;
  }

  .mb-xxl-9,
.my-xxl-9 {
    margin-bottom: 36px !important;
  }

  .ms-xxl-9 {
    margin-inline-start: 36px !important;
  }

  .me-xxl-9 {
    margin-inline-end: 36px !important;
  }

  .ma-xxl-9 {
    margin: 36px !important;
  }

  .mt-xxl-10,
.my-xxl-10 {
    margin-top: 40px !important;
  }

  .mr-xxl-10,
.mx-xxl-10 {
    margin-right: 40px !important;
  }

  .ml-xxl-10,
.mx-xxl-10 {
    margin-left: 40px !important;
  }

  .mb-xxl-10,
.my-xxl-10 {
    margin-bottom: 40px !important;
  }

  .ms-xxl-10 {
    margin-inline-start: 40px !important;
  }

  .me-xxl-10 {
    margin-inline-end: 40px !important;
  }

  .ma-xxl-10 {
    margin: 40px !important;
  }

  .mt-xxl-11,
.my-xxl-11 {
    margin-top: 44px !important;
  }

  .mr-xxl-11,
.mx-xxl-11 {
    margin-right: 44px !important;
  }

  .ml-xxl-11,
.mx-xxl-11 {
    margin-left: 44px !important;
  }

  .mb-xxl-11,
.my-xxl-11 {
    margin-bottom: 44px !important;
  }

  .ms-xxl-11 {
    margin-inline-start: 44px !important;
  }

  .me-xxl-11 {
    margin-inline-end: 44px !important;
  }

  .ma-xxl-11 {
    margin: 44px !important;
  }

  .mt-xxl-12,
.my-xxl-12 {
    margin-top: 48px !important;
  }

  .mr-xxl-12,
.mx-xxl-12 {
    margin-right: 48px !important;
  }

  .ml-xxl-12,
.mx-xxl-12 {
    margin-left: 48px !important;
  }

  .mb-xxl-12,
.my-xxl-12 {
    margin-bottom: 48px !important;
  }

  .ms-xxl-12 {
    margin-inline-start: 48px !important;
  }

  .me-xxl-12 {
    margin-inline-end: 48px !important;
  }

  .ma-xxl-12 {
    margin: 48px !important;
  }

  .mt-xxl-13,
.my-xxl-13 {
    margin-top: 52px !important;
  }

  .mr-xxl-13,
.mx-xxl-13 {
    margin-right: 52px !important;
  }

  .ml-xxl-13,
.mx-xxl-13 {
    margin-left: 52px !important;
  }

  .mb-xxl-13,
.my-xxl-13 {
    margin-bottom: 52px !important;
  }

  .ms-xxl-13 {
    margin-inline-start: 52px !important;
  }

  .me-xxl-13 {
    margin-inline-end: 52px !important;
  }

  .ma-xxl-13 {
    margin: 52px !important;
  }

  .mt-xxl-14,
.my-xxl-14 {
    margin-top: 56px !important;
  }

  .mr-xxl-14,
.mx-xxl-14 {
    margin-right: 56px !important;
  }

  .ml-xxl-14,
.mx-xxl-14 {
    margin-left: 56px !important;
  }

  .mb-xxl-14,
.my-xxl-14 {
    margin-bottom: 56px !important;
  }

  .ms-xxl-14 {
    margin-inline-start: 56px !important;
  }

  .me-xxl-14 {
    margin-inline-end: 56px !important;
  }

  .ma-xxl-14 {
    margin: 56px !important;
  }

  .mt-xxl-15,
.my-xxl-15 {
    margin-top: 60px !important;
  }

  .mr-xxl-15,
.mx-xxl-15 {
    margin-right: 60px !important;
  }

  .ml-xxl-15,
.mx-xxl-15 {
    margin-left: 60px !important;
  }

  .mb-xxl-15,
.my-xxl-15 {
    margin-bottom: 60px !important;
  }

  .ms-xxl-15 {
    margin-inline-start: 60px !important;
  }

  .me-xxl-15 {
    margin-inline-end: 60px !important;
  }

  .ma-xxl-15 {
    margin: 60px !important;
  }

  .mt-xxl-16,
.my-xxl-16 {
    margin-top: 64px !important;
  }

  .mr-xxl-16,
.mx-xxl-16 {
    margin-right: 64px !important;
  }

  .ml-xxl-16,
.mx-xxl-16 {
    margin-left: 64px !important;
  }

  .mb-xxl-16,
.my-xxl-16 {
    margin-bottom: 64px !important;
  }

  .ms-xxl-16 {
    margin-inline-start: 64px !important;
  }

  .me-xxl-16 {
    margin-inline-end: 64px !important;
  }

  .ma-xxl-16 {
    margin: 64px !important;
  }

  .mt-xxl-auto,
.my-xxl-auto {
    margin-top: auto !important;
  }

  .mr-xxl-auto,
.mx-xxl-auto {
    margin-right: auto !important;
  }

  .ml-xxl-auto,
.mx-xxl-auto {
    margin-left: auto !important;
  }

  .mb-xxl-auto,
.my-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-auto {
    margin-inline-start: auto !important;
  }

  .me-xxl-auto {
    margin-inline-end: auto !important;
  }

  .ma-xxl-auto {
    margin: auto !important;
  }

  .pt-xxl-0,
.py-xxl-0 {
    padding-top: 0 !important;
  }

  .pr-xxl-0,
.px-xxl-0 {
    padding-right: 0 !important;
  }

  .pl-xxl-0,
.px-xxl-0 {
    padding-left: 0 !important;
  }

  .pb-xxl-0,
.py-xxl-0 {
    padding-bottom: 0 !important;
  }

  .ps-xxl-0 {
    padding-inline-start: 0 !important;
  }

  .pe-xxl-0 {
    padding-inline-end: 0 !important;
  }

  .pa-xxl-0 {
    padding: 0 !important;
  }

  .pt-xxl-1,
.py-xxl-1 {
    padding-top: 4px !important;
  }

  .pr-xxl-1,
.px-xxl-1 {
    padding-right: 4px !important;
  }

  .pl-xxl-1,
.px-xxl-1 {
    padding-left: 4px !important;
  }

  .pb-xxl-1,
.py-xxl-1 {
    padding-bottom: 4px !important;
  }

  .ps-xxl-1 {
    padding-inline-start: 4px !important;
  }

  .pe-xxl-1 {
    padding-inline-end: 4px !important;
  }

  .pa-xxl-1 {
    padding: 4px !important;
  }

  .pt-xxl-2,
.py-xxl-2 {
    padding-top: 8px !important;
  }

  .pr-xxl-2,
.px-xxl-2 {
    padding-right: 8px !important;
  }

  .pl-xxl-2,
.px-xxl-2 {
    padding-left: 8px !important;
  }

  .pb-xxl-2,
.py-xxl-2 {
    padding-bottom: 8px !important;
  }

  .ps-xxl-2 {
    padding-inline-start: 8px !important;
  }

  .pe-xxl-2 {
    padding-inline-end: 8px !important;
  }

  .pa-xxl-2 {
    padding: 8px !important;
  }

  .pt-xxl-3,
.py-xxl-3 {
    padding-top: 12px !important;
  }

  .pr-xxl-3,
.px-xxl-3 {
    padding-right: 12px !important;
  }

  .pl-xxl-3,
.px-xxl-3 {
    padding-left: 12px !important;
  }

  .pb-xxl-3,
.py-xxl-3 {
    padding-bottom: 12px !important;
  }

  .ps-xxl-3 {
    padding-inline-start: 12px !important;
  }

  .pe-xxl-3 {
    padding-inline-end: 12px !important;
  }

  .pa-xxl-3 {
    padding: 12px !important;
  }

  .pt-xxl-4,
.py-xxl-4 {
    padding-top: 16px !important;
  }

  .pr-xxl-4,
.px-xxl-4 {
    padding-right: 16px !important;
  }

  .pl-xxl-4,
.px-xxl-4 {
    padding-left: 16px !important;
  }

  .pb-xxl-4,
.py-xxl-4 {
    padding-bottom: 16px !important;
  }

  .ps-xxl-4 {
    padding-inline-start: 16px !important;
  }

  .pe-xxl-4 {
    padding-inline-end: 16px !important;
  }

  .pa-xxl-4 {
    padding: 16px !important;
  }

  .pt-xxl-5,
.py-xxl-5 {
    padding-top: 20px !important;
  }

  .pr-xxl-5,
.px-xxl-5 {
    padding-right: 20px !important;
  }

  .pl-xxl-5,
.px-xxl-5 {
    padding-left: 20px !important;
  }

  .pb-xxl-5,
.py-xxl-5 {
    padding-bottom: 20px !important;
  }

  .ps-xxl-5 {
    padding-inline-start: 20px !important;
  }

  .pe-xxl-5 {
    padding-inline-end: 20px !important;
  }

  .pa-xxl-5 {
    padding: 20px !important;
  }

  .pt-xxl-6,
.py-xxl-6 {
    padding-top: 24px !important;
  }

  .pr-xxl-6,
.px-xxl-6 {
    padding-right: 24px !important;
  }

  .pl-xxl-6,
.px-xxl-6 {
    padding-left: 24px !important;
  }

  .pb-xxl-6,
.py-xxl-6 {
    padding-bottom: 24px !important;
  }

  .ps-xxl-6 {
    padding-inline-start: 24px !important;
  }

  .pe-xxl-6 {
    padding-inline-end: 24px !important;
  }

  .pa-xxl-6 {
    padding: 24px !important;
  }

  .pt-xxl-7,
.py-xxl-7 {
    padding-top: 28px !important;
  }

  .pr-xxl-7,
.px-xxl-7 {
    padding-right: 28px !important;
  }

  .pl-xxl-7,
.px-xxl-7 {
    padding-left: 28px !important;
  }

  .pb-xxl-7,
.py-xxl-7 {
    padding-bottom: 28px !important;
  }

  .ps-xxl-7 {
    padding-inline-start: 28px !important;
  }

  .pe-xxl-7 {
    padding-inline-end: 28px !important;
  }

  .pa-xxl-7 {
    padding: 28px !important;
  }

  .pt-xxl-8,
.py-xxl-8 {
    padding-top: 32px !important;
  }

  .pr-xxl-8,
.px-xxl-8 {
    padding-right: 32px !important;
  }

  .pl-xxl-8,
.px-xxl-8 {
    padding-left: 32px !important;
  }

  .pb-xxl-8,
.py-xxl-8 {
    padding-bottom: 32px !important;
  }

  .ps-xxl-8 {
    padding-inline-start: 32px !important;
  }

  .pe-xxl-8 {
    padding-inline-end: 32px !important;
  }

  .pa-xxl-8 {
    padding: 32px !important;
  }

  .pt-xxl-9,
.py-xxl-9 {
    padding-top: 36px !important;
  }

  .pr-xxl-9,
.px-xxl-9 {
    padding-right: 36px !important;
  }

  .pl-xxl-9,
.px-xxl-9 {
    padding-left: 36px !important;
  }

  .pb-xxl-9,
.py-xxl-9 {
    padding-bottom: 36px !important;
  }

  .ps-xxl-9 {
    padding-inline-start: 36px !important;
  }

  .pe-xxl-9 {
    padding-inline-end: 36px !important;
  }

  .pa-xxl-9 {
    padding: 36px !important;
  }

  .pt-xxl-10,
.py-xxl-10 {
    padding-top: 40px !important;
  }

  .pr-xxl-10,
.px-xxl-10 {
    padding-right: 40px !important;
  }

  .pl-xxl-10,
.px-xxl-10 {
    padding-left: 40px !important;
  }

  .pb-xxl-10,
.py-xxl-10 {
    padding-bottom: 40px !important;
  }

  .ps-xxl-10 {
    padding-inline-start: 40px !important;
  }

  .pe-xxl-10 {
    padding-inline-end: 40px !important;
  }

  .pa-xxl-10 {
    padding: 40px !important;
  }

  .pt-xxl-11,
.py-xxl-11 {
    padding-top: 44px !important;
  }

  .pr-xxl-11,
.px-xxl-11 {
    padding-right: 44px !important;
  }

  .pl-xxl-11,
.px-xxl-11 {
    padding-left: 44px !important;
  }

  .pb-xxl-11,
.py-xxl-11 {
    padding-bottom: 44px !important;
  }

  .ps-xxl-11 {
    padding-inline-start: 44px !important;
  }

  .pe-xxl-11 {
    padding-inline-end: 44px !important;
  }

  .pa-xxl-11 {
    padding: 44px !important;
  }

  .pt-xxl-12,
.py-xxl-12 {
    padding-top: 48px !important;
  }

  .pr-xxl-12,
.px-xxl-12 {
    padding-right: 48px !important;
  }

  .pl-xxl-12,
.px-xxl-12 {
    padding-left: 48px !important;
  }

  .pb-xxl-12,
.py-xxl-12 {
    padding-bottom: 48px !important;
  }

  .ps-xxl-12 {
    padding-inline-start: 48px !important;
  }

  .pe-xxl-12 {
    padding-inline-end: 48px !important;
  }

  .pa-xxl-12 {
    padding: 48px !important;
  }

  .pt-xxl-13,
.py-xxl-13 {
    padding-top: 52px !important;
  }

  .pr-xxl-13,
.px-xxl-13 {
    padding-right: 52px !important;
  }

  .pl-xxl-13,
.px-xxl-13 {
    padding-left: 52px !important;
  }

  .pb-xxl-13,
.py-xxl-13 {
    padding-bottom: 52px !important;
  }

  .ps-xxl-13 {
    padding-inline-start: 52px !important;
  }

  .pe-xxl-13 {
    padding-inline-end: 52px !important;
  }

  .pa-xxl-13 {
    padding: 52px !important;
  }

  .pt-xxl-14,
.py-xxl-14 {
    padding-top: 56px !important;
  }

  .pr-xxl-14,
.px-xxl-14 {
    padding-right: 56px !important;
  }

  .pl-xxl-14,
.px-xxl-14 {
    padding-left: 56px !important;
  }

  .pb-xxl-14,
.py-xxl-14 {
    padding-bottom: 56px !important;
  }

  .ps-xxl-14 {
    padding-inline-start: 56px !important;
  }

  .pe-xxl-14 {
    padding-inline-end: 56px !important;
  }

  .pa-xxl-14 {
    padding: 56px !important;
  }

  .pt-xxl-15,
.py-xxl-15 {
    padding-top: 60px !important;
  }

  .pr-xxl-15,
.px-xxl-15 {
    padding-right: 60px !important;
  }

  .pl-xxl-15,
.px-xxl-15 {
    padding-left: 60px !important;
  }

  .pb-xxl-15,
.py-xxl-15 {
    padding-bottom: 60px !important;
  }

  .ps-xxl-15 {
    padding-inline-start: 60px !important;
  }

  .pe-xxl-15 {
    padding-inline-end: 60px !important;
  }

  .pa-xxl-15 {
    padding: 60px !important;
  }

  .pt-xxl-16,
.py-xxl-16 {
    padding-top: 64px !important;
  }

  .pr-xxl-16,
.px-xxl-16 {
    padding-right: 64px !important;
  }

  .pl-xxl-16,
.px-xxl-16 {
    padding-left: 64px !important;
  }

  .pb-xxl-16,
.py-xxl-16 {
    padding-bottom: 64px !important;
  }

  .ps-xxl-16 {
    padding-inline-start: 64px !important;
  }

  .pe-xxl-16 {
    padding-inline-end: 64px !important;
  }

  .pa-xxl-16 {
    padding: 64px !important;
  }

  .pt-xxl-auto,
.py-xxl-auto {
    padding-top: auto !important;
  }

  .pr-xxl-auto,
.px-xxl-auto {
    padding-right: auto !important;
  }

  .pl-xxl-auto,
.px-xxl-auto {
    padding-left: auto !important;
  }

  .pb-xxl-auto,
.py-xxl-auto {
    padding-bottom: auto !important;
  }

  .ps-xxl-auto {
    padding-inline-start: auto !important;
  }

  .pe-xxl-auto {
    padding-inline-end: auto !important;
  }

  .pa-xxl-auto {
    padding: auto !important;
  }

  .mt-xxl-n1,
.my-xxl-n1 {
    margin-top: -4px !important;
  }

  .mr-xxl-n1,
.mx-xxl-n1 {
    margin-right: -4px !important;
  }

  .ml-xxl-n1,
.mx-xxl-n1 {
    margin-left: -4px !important;
  }

  .mb-xxl-n1,
.my-xxl-n1 {
    margin-bottom: -4px !important;
  }

  .ms-xxl-n1 {
    margin-inline-start: -4px !important;
  }

  .me-xxl-n1 {
    margin-inline-end: -4px !important;
  }

  .ma-xxl-n1 {
    margin: -4px !important;
  }

  .mt-xxl-n2,
.my-xxl-n2 {
    margin-top: -8px !important;
  }

  .mr-xxl-n2,
.mx-xxl-n2 {
    margin-right: -8px !important;
  }

  .ml-xxl-n2,
.mx-xxl-n2 {
    margin-left: -8px !important;
  }

  .mb-xxl-n2,
.my-xxl-n2 {
    margin-bottom: -8px !important;
  }

  .ms-xxl-n2 {
    margin-inline-start: -8px !important;
  }

  .me-xxl-n2 {
    margin-inline-end: -8px !important;
  }

  .ma-xxl-n2 {
    margin: -8px !important;
  }

  .mt-xxl-n3,
.my-xxl-n3 {
    margin-top: -12px !important;
  }

  .mr-xxl-n3,
.mx-xxl-n3 {
    margin-right: -12px !important;
  }

  .ml-xxl-n3,
.mx-xxl-n3 {
    margin-left: -12px !important;
  }

  .mb-xxl-n3,
.my-xxl-n3 {
    margin-bottom: -12px !important;
  }

  .ms-xxl-n3 {
    margin-inline-start: -12px !important;
  }

  .me-xxl-n3 {
    margin-inline-end: -12px !important;
  }

  .ma-xxl-n3 {
    margin: -12px !important;
  }

  .mt-xxl-n4,
.my-xxl-n4 {
    margin-top: -16px !important;
  }

  .mr-xxl-n4,
.mx-xxl-n4 {
    margin-right: -16px !important;
  }

  .ml-xxl-n4,
.mx-xxl-n4 {
    margin-left: -16px !important;
  }

  .mb-xxl-n4,
.my-xxl-n4 {
    margin-bottom: -16px !important;
  }

  .ms-xxl-n4 {
    margin-inline-start: -16px !important;
  }

  .me-xxl-n4 {
    margin-inline-end: -16px !important;
  }

  .ma-xxl-n4 {
    margin: -16px !important;
  }

  .mt-xxl-n5,
.my-xxl-n5 {
    margin-top: -20px !important;
  }

  .mr-xxl-n5,
.mx-xxl-n5 {
    margin-right: -20px !important;
  }

  .ml-xxl-n5,
.mx-xxl-n5 {
    margin-left: -20px !important;
  }

  .mb-xxl-n5,
.my-xxl-n5 {
    margin-bottom: -20px !important;
  }

  .ms-xxl-n5 {
    margin-inline-start: -20px !important;
  }

  .me-xxl-n5 {
    margin-inline-end: -20px !important;
  }

  .ma-xxl-n5 {
    margin: -20px !important;
  }

  .mt-xxl-n6,
.my-xxl-n6 {
    margin-top: -24px !important;
  }

  .mr-xxl-n6,
.mx-xxl-n6 {
    margin-right: -24px !important;
  }

  .ml-xxl-n6,
.mx-xxl-n6 {
    margin-left: -24px !important;
  }

  .mb-xxl-n6,
.my-xxl-n6 {
    margin-bottom: -24px !important;
  }

  .ms-xxl-n6 {
    margin-inline-start: -24px !important;
  }

  .me-xxl-n6 {
    margin-inline-end: -24px !important;
  }

  .ma-xxl-n6 {
    margin: -24px !important;
  }

  .mt-xxl-n7,
.my-xxl-n7 {
    margin-top: -28px !important;
  }

  .mr-xxl-n7,
.mx-xxl-n7 {
    margin-right: -28px !important;
  }

  .ml-xxl-n7,
.mx-xxl-n7 {
    margin-left: -28px !important;
  }

  .mb-xxl-n7,
.my-xxl-n7 {
    margin-bottom: -28px !important;
  }

  .ms-xxl-n7 {
    margin-inline-start: -28px !important;
  }

  .me-xxl-n7 {
    margin-inline-end: -28px !important;
  }

  .ma-xxl-n7 {
    margin: -28px !important;
  }

  .mt-xxl-n8,
.my-xxl-n8 {
    margin-top: -32px !important;
  }

  .mr-xxl-n8,
.mx-xxl-n8 {
    margin-right: -32px !important;
  }

  .ml-xxl-n8,
.mx-xxl-n8 {
    margin-left: -32px !important;
  }

  .mb-xxl-n8,
.my-xxl-n8 {
    margin-bottom: -32px !important;
  }

  .ms-xxl-n8 {
    margin-inline-start: -32px !important;
  }

  .me-xxl-n8 {
    margin-inline-end: -32px !important;
  }

  .ma-xxl-n8 {
    margin: -32px !important;
  }

  .mt-xxl-n9,
.my-xxl-n9 {
    margin-top: -36px !important;
  }

  .mr-xxl-n9,
.mx-xxl-n9 {
    margin-right: -36px !important;
  }

  .ml-xxl-n9,
.mx-xxl-n9 {
    margin-left: -36px !important;
  }

  .mb-xxl-n9,
.my-xxl-n9 {
    margin-bottom: -36px !important;
  }

  .ms-xxl-n9 {
    margin-inline-start: -36px !important;
  }

  .me-xxl-n9 {
    margin-inline-end: -36px !important;
  }

  .ma-xxl-n9 {
    margin: -36px !important;
  }

  .mt-xxl-n10,
.my-xxl-n10 {
    margin-top: -40px !important;
  }

  .mr-xxl-n10,
.mx-xxl-n10 {
    margin-right: -40px !important;
  }

  .ml-xxl-n10,
.mx-xxl-n10 {
    margin-left: -40px !important;
  }

  .mb-xxl-n10,
.my-xxl-n10 {
    margin-bottom: -40px !important;
  }

  .ms-xxl-n10 {
    margin-inline-start: -40px !important;
  }

  .me-xxl-n10 {
    margin-inline-end: -40px !important;
  }

  .ma-xxl-n10 {
    margin: -40px !important;
  }

  .mt-xxl-n11,
.my-xxl-n11 {
    margin-top: -44px !important;
  }

  .mr-xxl-n11,
.mx-xxl-n11 {
    margin-right: -44px !important;
  }

  .ml-xxl-n11,
.mx-xxl-n11 {
    margin-left: -44px !important;
  }

  .mb-xxl-n11,
.my-xxl-n11 {
    margin-bottom: -44px !important;
  }

  .ms-xxl-n11 {
    margin-inline-start: -44px !important;
  }

  .me-xxl-n11 {
    margin-inline-end: -44px !important;
  }

  .ma-xxl-n11 {
    margin: -44px !important;
  }

  .mt-xxl-n12,
.my-xxl-n12 {
    margin-top: -48px !important;
  }

  .mr-xxl-n12,
.mx-xxl-n12 {
    margin-right: -48px !important;
  }

  .ml-xxl-n12,
.mx-xxl-n12 {
    margin-left: -48px !important;
  }

  .mb-xxl-n12,
.my-xxl-n12 {
    margin-bottom: -48px !important;
  }

  .ms-xxl-n12 {
    margin-inline-start: -48px !important;
  }

  .me-xxl-n12 {
    margin-inline-end: -48px !important;
  }

  .ma-xxl-n12 {
    margin: -48px !important;
  }

  .mt-xxl-n13,
.my-xxl-n13 {
    margin-top: -52px !important;
  }

  .mr-xxl-n13,
.mx-xxl-n13 {
    margin-right: -52px !important;
  }

  .ml-xxl-n13,
.mx-xxl-n13 {
    margin-left: -52px !important;
  }

  .mb-xxl-n13,
.my-xxl-n13 {
    margin-bottom: -52px !important;
  }

  .ms-xxl-n13 {
    margin-inline-start: -52px !important;
  }

  .me-xxl-n13 {
    margin-inline-end: -52px !important;
  }

  .ma-xxl-n13 {
    margin: -52px !important;
  }

  .mt-xxl-n14,
.my-xxl-n14 {
    margin-top: -56px !important;
  }

  .mr-xxl-n14,
.mx-xxl-n14 {
    margin-right: -56px !important;
  }

  .ml-xxl-n14,
.mx-xxl-n14 {
    margin-left: -56px !important;
  }

  .mb-xxl-n14,
.my-xxl-n14 {
    margin-bottom: -56px !important;
  }

  .ms-xxl-n14 {
    margin-inline-start: -56px !important;
  }

  .me-xxl-n14 {
    margin-inline-end: -56px !important;
  }

  .ma-xxl-n14 {
    margin: -56px !important;
  }

  .mt-xxl-n15,
.my-xxl-n15 {
    margin-top: -60px !important;
  }

  .mr-xxl-n15,
.mx-xxl-n15 {
    margin-right: -60px !important;
  }

  .ml-xxl-n15,
.mx-xxl-n15 {
    margin-left: -60px !important;
  }

  .mb-xxl-n15,
.my-xxl-n15 {
    margin-bottom: -60px !important;
  }

  .ms-xxl-n15 {
    margin-inline-start: -60px !important;
  }

  .me-xxl-n15 {
    margin-inline-end: -60px !important;
  }

  .ma-xxl-n15 {
    margin: -60px !important;
  }

  .mt-xxl-n16,
.my-xxl-n16 {
    margin-top: -64px !important;
  }

  .mr-xxl-n16,
.mx-xxl-n16 {
    margin-right: -64px !important;
  }

  .ml-xxl-n16,
.mx-xxl-n16 {
    margin-left: -64px !important;
  }

  .mb-xxl-n16,
.my-xxl-n16 {
    margin-bottom: -64px !important;
  }

  .ms-xxl-n16 {
    margin-inline-start: -64px !important;
  }

  .me-xxl-n16 {
    margin-inline-end: -64px !important;
  }

  .ma-xxl-n16 {
    margin: -64px !important;
  }
}
.width-full {
  width: 100%;
}

.height-full {
  height: 100%;
}

.w-max {
  width: max-content;
}

.appbar {
  width: 100%;
  display: flex;
  z-index: var(--zindex-appbar);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-direction: column;
  color: var(--palette-appbar-text);
  background-color: var(--palette-appbar-background);
  transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms, width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.appbar.appbar-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.appbar.appbar-fixed-top .popover-cascading-value {
  position: fixed;
}
.appbar.appbar-fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
.appbar.appbar-fixed-bottom .popover-cascading-value {
  position: fixed;
}
.appbar .toolbar-appbar {
  height: calc(var(--appbar-height) - var(--appbar-height) / 8);
}
@media (min-width: 0px) and (orientation: landscape) {
  .appbar .toolbar-appbar {
    height: calc(var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 600px) {
  .appbar .toolbar-appbar {
    height: var(--appbar-height);
  }
}
.appbar.appbar-dense .toolbar-appbar {
  height: calc(var(--appbar-height) - var(--appbar-height) / 4);
}

@media (min-width: 0px) {
  .drawer-open-responsive-xs-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-responsive-xs-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-responsive-xs-left.drawer-left-clipped-never.drawer-open-responsive-xs-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 600px) {
  .drawer-open-responsive-sm-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-responsive-sm-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-responsive-sm-left.drawer-left-clipped-never.drawer-open-responsive-sm-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 960px) {
  .drawer-open-responsive-md-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-responsive-md-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-responsive-md-left.drawer-left-clipped-never.drawer-open-responsive-md-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 1280px) {
  .drawer-open-responsive-lg-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-responsive-lg-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-responsive-lg-left.drawer-left-clipped-never.drawer-open-responsive-lg-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 1920px) {
  .drawer-open-responsive-xl-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-responsive-xl-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-responsive-xl-left.drawer-left-clipped-never.drawer-open-responsive-xl-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 2560px) {
  .drawer-open-responsive-xxl-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-responsive-xxl-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-responsive-xxl-left.drawer-left-clipped-never.drawer-open-responsive-xxl-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
.drawer-open-persistent-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-left);
  width: calc(100% - var(--drawer-width-left));
}
.drawer-open-persistent-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-right);
  width: calc(100% - var(--drawer-width-right));
}
.drawer-open-persistent-left.drawer-left-clipped-never.drawer-open-persistent-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-left);
  margin-right: var(--drawer-width-right);
  width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
}
@media (min-width: 0px) {
  .drawer-open-mini-xs-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-mini-xs-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-mini-xs-left.drawer-left-clipped-never.drawer-open-mini-xs-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 600px) {
  .drawer-open-mini-sm-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-mini-sm-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-mini-sm-left.drawer-left-clipped-never.drawer-open-mini-sm-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 960px) {
  .drawer-open-mini-md-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-mini-md-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-mini-md-left.drawer-left-clipped-never.drawer-open-mini-md-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 1280px) {
  .drawer-open-mini-lg-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-mini-lg-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-mini-lg-left.drawer-left-clipped-never.drawer-open-mini-lg-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 1920px) {
  .drawer-open-mini-xl-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-mini-xl-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-mini-xl-left.drawer-left-clipped-never.drawer-open-mini-xl-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}
@media (min-width: 2560px) {
  .drawer-open-mini-xxl-left.drawer-left-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    width: calc(100% - var(--drawer-width-left));
  }
  .drawer-open-mini-xxl-right.drawer-right-clipped-never .appbar {
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-right));
  }
  .drawer-open-mini-xxl-left.drawer-left-clipped-never.drawer-open-mini-xxl-right.drawer-right-clipped-never .appbar {
    margin-left: var(--drawer-width-left);
    margin-right: var(--drawer-width-right);
    width: calc(100% - var(--drawer-width-left) - var(--drawer-width-right));
  }
}

.drawer-close-mini-xs-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  width: calc(100% - var(--drawer-width-mini-left));
}
.drawer-close-mini-xs-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-right));
}
.drawer-close-mini-xs-left.drawer-left-clipped-never.drawer-close-mini-xs-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
}
@media (max-width: 0px) {
  .drawer-close-mini-xs-left.drawer-left-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    width: calc(100% - var(--drawer-width-mini-left));
  }
  .drawer-close-mini-xs-right.drawer-right-clipped-docked .appbar {
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-right));
  }
  .drawer-close-mini-xs-left.drawer-left-clipped-docked.drawer-close-mini-xs-right.drawer-right-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
  }
}
.drawer-close-mini-sm-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  width: calc(100% - var(--drawer-width-mini-left));
}
.drawer-close-mini-sm-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-right));
}
.drawer-close-mini-sm-left.drawer-left-clipped-never.drawer-close-mini-sm-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
}
@media (max-width: 600px) {
  .drawer-close-mini-sm-left.drawer-left-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    width: calc(100% - var(--drawer-width-mini-left));
  }
  .drawer-close-mini-sm-right.drawer-right-clipped-docked .appbar {
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-right));
  }
  .drawer-close-mini-sm-left.drawer-left-clipped-docked.drawer-close-mini-sm-right.drawer-right-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
  }
}
.drawer-close-mini-md-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  width: calc(100% - var(--drawer-width-mini-left));
}
.drawer-close-mini-md-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-right));
}
.drawer-close-mini-md-left.drawer-left-clipped-never.drawer-close-mini-md-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
}
@media (max-width: 960px) {
  .drawer-close-mini-md-left.drawer-left-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    width: calc(100% - var(--drawer-width-mini-left));
  }
  .drawer-close-mini-md-right.drawer-right-clipped-docked .appbar {
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-right));
  }
  .drawer-close-mini-md-left.drawer-left-clipped-docked.drawer-close-mini-md-right.drawer-right-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
  }
}
.drawer-close-mini-lg-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  width: calc(100% - var(--drawer-width-mini-left));
}
.drawer-close-mini-lg-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-right));
}
.drawer-close-mini-lg-left.drawer-left-clipped-never.drawer-close-mini-lg-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
}
@media (max-width: 1280px) {
  .drawer-close-mini-lg-left.drawer-left-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    width: calc(100% - var(--drawer-width-mini-left));
  }
  .drawer-close-mini-lg-right.drawer-right-clipped-docked .appbar {
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-right));
  }
  .drawer-close-mini-lg-left.drawer-left-clipped-docked.drawer-close-mini-lg-right.drawer-right-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
  }
}
.drawer-close-mini-xl-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  width: calc(100% - var(--drawer-width-mini-left));
}
.drawer-close-mini-xl-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-right));
}
.drawer-close-mini-xl-left.drawer-left-clipped-never.drawer-close-mini-xl-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
}
@media (max-width: 1920px) {
  .drawer-close-mini-xl-left.drawer-left-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    width: calc(100% - var(--drawer-width-mini-left));
  }
  .drawer-close-mini-xl-right.drawer-right-clipped-docked .appbar {
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-right));
  }
  .drawer-close-mini-xl-left.drawer-left-clipped-docked.drawer-close-mini-xl-right.drawer-right-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
  }
}
.drawer-close-mini-xxl-left.drawer-left-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  width: calc(100% - var(--drawer-width-mini-left));
}
.drawer-close-mini-xxl-right.drawer-right-clipped-never .appbar {
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-right));
}
.drawer-close-mini-xxl-left.drawer-left-clipped-never.drawer-close-mini-xxl-right.drawer-right-clipped-never .appbar {
  margin-left: var(--drawer-width-mini-left);
  margin-right: var(--drawer-width-mini-right);
  width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
}
@media (max-width: 2560px) {
  .drawer-close-mini-xxl-left.drawer-left-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    width: calc(100% - var(--drawer-width-mini-left));
  }
  .drawer-close-mini-xxl-right.drawer-right-clipped-docked .appbar {
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-right));
  }
  .drawer-close-mini-xxl-left.drawer-left-clipped-docked.drawer-close-mini-xxl-right.drawer-right-clipped-docked .appbar {
    margin-left: var(--drawer-width-mini-left);
    margin-right: var(--drawer-width-mini-right);
    width: calc(100% - var(--drawer-width-mini-left) - var(--drawer-width-mini-right));
  }
}

.drawer {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  flex: 0 0 auto;
  outline: 0;
  position: fixed;
  z-index: var(--zindex-drawer);
  overflow-y: auto;
  flex-direction: column;
  color: var(--palette-drawer-text);
  background-color: var(--palette-drawer-background);
  --drawer-content-height: 0;
}
.drawer .drawer-content {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  flex: 0 0 auto;
  flex-direction: column;
}
.drawer:not(.drawer-fixed) {
  position: absolute;
}
@media (max-width: -1px) {
  .drawer.drawer-mini.drawer-xs:not(.drawer--closed), .drawer.drawer-responsive.drawer-xs {
    z-index: calc(var(--zindex-appbar) + 2);
  }
  .drawer.drawer-mini.drawer-xs:not(.drawer--closed).drawer--initial:not(.drawer-mini), .drawer.drawer-responsive.drawer-xs.drawer--initial:not(.drawer-mini) {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .drawer.drawer-mini.drawer-sm:not(.drawer--closed), .drawer.drawer-responsive.drawer-sm {
    z-index: calc(var(--zindex-appbar) + 2);
  }
  .drawer.drawer-mini.drawer-sm:not(.drawer--closed).drawer--initial:not(.drawer-mini), .drawer.drawer-responsive.drawer-sm.drawer--initial:not(.drawer-mini) {
    display: none !important;
  }
}
@media (max-width: 959px) {
  .drawer.drawer-mini.drawer-md:not(.drawer--closed), .drawer.drawer-responsive.drawer-md {
    z-index: calc(var(--zindex-appbar) + 2);
  }
  .drawer.drawer-mini.drawer-md:not(.drawer--closed).drawer--initial:not(.drawer-mini), .drawer.drawer-responsive.drawer-md.drawer--initial:not(.drawer-mini) {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .drawer.drawer-mini.drawer-lg:not(.drawer--closed), .drawer.drawer-responsive.drawer-lg {
    z-index: calc(var(--zindex-appbar) + 2);
  }
  .drawer.drawer-mini.drawer-lg:not(.drawer--closed).drawer--initial:not(.drawer-mini), .drawer.drawer-responsive.drawer-lg.drawer--initial:not(.drawer-mini) {
    display: none !important;
  }
}
@media (max-width: 1919px) {
  .drawer.drawer-mini.drawer-xl:not(.drawer--closed), .drawer.drawer-responsive.drawer-xl {
    z-index: calc(var(--zindex-appbar) + 2);
  }
  .drawer.drawer-mini.drawer-xl:not(.drawer--closed).drawer--initial:not(.drawer-mini), .drawer.drawer-responsive.drawer-xl.drawer--initial:not(.drawer-mini) {
    display: none !important;
  }
}
@media (max-width: 2559px) {
  .drawer.drawer-mini.drawer-xxl:not(.drawer--closed), .drawer.drawer-responsive.drawer-xxl {
    z-index: calc(var(--zindex-appbar) + 2);
  }
  .drawer.drawer-mini.drawer-xxl:not(.drawer--closed).drawer--initial:not(.drawer-mini), .drawer.drawer-responsive.drawer-xxl.drawer--initial:not(.drawer-mini) {
    display: none !important;
  }
}
.drawer.drawer-responsive, .drawer.drawer-persistent {
  height: 100%;
}
.drawer.drawer-responsive.drawer-pos-left, .drawer.drawer-persistent.drawer-pos-left {
  right: auto;
  width: var(--drawer-width, var(--drawer-width-left));
}
.drawer.drawer-responsive.drawer-pos-left.drawer--open, .drawer.drawer-persistent.drawer-pos-left.drawer--open {
  left: 0;
}
.drawer.drawer-responsive.drawer-pos-left.drawer--open:not(.drawer--initial), .drawer.drawer-persistent.drawer-pos-left.drawer--open:not(.drawer--initial) {
  animation: drawer-slide-in-left 225ms cubic-bezier(0, 0, 0.2, 1);
}
.drawer.drawer-responsive.drawer-pos-left.drawer--closed, .drawer.drawer-persistent.drawer-pos-left.drawer--closed {
  box-shadow: none;
  left: calc(-1 * var(--drawer-width, var(--drawer-width-left)));
}
.drawer.drawer-responsive.drawer-pos-left.drawer--closed:not(.drawer--initial), .drawer.drawer-persistent.drawer-pos-left.drawer--closed:not(.drawer--initial) {
  animation: drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1);
}
.drawer.drawer-responsive.drawer-pos-right, .drawer.drawer-persistent.drawer-pos-right {
  left: auto;
  width: var(--drawer-width, var(--drawer-width-right));
}
.drawer.drawer-responsive.drawer-pos-right.drawer--open, .drawer.drawer-persistent.drawer-pos-right.drawer--open {
  right: 0;
}
.drawer.drawer-responsive.drawer-pos-right.drawer--open:not(.drawer--initial), .drawer.drawer-persistent.drawer-pos-right.drawer--open:not(.drawer--initial) {
  animation: drawer-slide-in-right 225ms cubic-bezier(0, 0, 0.2, 1);
}
.drawer.drawer-responsive.drawer-pos-right.drawer--closed, .drawer.drawer-persistent.drawer-pos-right.drawer--closed {
  box-shadow: none;
  right: calc(-1 * var(--drawer-width, var(--drawer-width-right)));
}
.drawer.drawer-responsive.drawer-pos-right.drawer--closed:not(.drawer--initial), .drawer.drawer-persistent.drawer-pos-right.drawer--closed:not(.drawer--initial) {
  animation: drawer-slide-out-right 225ms cubic-bezier(0, 0, 0.2, 1);
}
.drawer.drawer-mini {
  height: 100%;
  transition: width 225ms cubic-bezier(0, 0, 0.2, 1);
}
.drawer.drawer-mini.drawer-pos-left {
  left: 0;
  right: auto;
}
.drawer.drawer-mini.drawer-pos-left.drawer--closed {
  width: var(--drawer-width-mini-left);
}
.drawer.drawer-mini.drawer-pos-left.drawer--open {
  width: var(--drawer-width-left);
}
.drawer.drawer-mini.drawer-pos-right {
  left: auto;
  right: 0;
}
.drawer.drawer-mini.drawer-pos-right.drawer--closed {
  width: var(--drawer-width-mini-right);
}
.drawer.drawer-mini.drawer-pos-right.drawer--open {
  width: var(--drawer-width-right);
}
.drawer.drawer-temporary {
  margin: 0 !important;
  z-index: calc(var(--zindex-appbar) + 2);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.drawer.drawer-temporary.drawer-pos-left {
  right: auto;
  top: 0;
  height: 100%;
  width: var(--drawer-width, var(--drawer-width-left));
}
.drawer.drawer-temporary.drawer-pos-left.drawer--open {
  left: 0;
}
.drawer.drawer-temporary.drawer-pos-left.drawer--open:not(.drawer--initial) {
  animation: drawer-slide-in-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.drawer.drawer-temporary.drawer-pos-left.drawer--closed {
  left: calc(-1 * var(--drawer-width, var(--drawer-width-left)));
}
.drawer.drawer-temporary.drawer-pos-left.drawer--closed:not(.drawer--initial) {
  animation: drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.drawer.drawer-temporary.drawer-pos-right {
  left: auto;
  top: 0;
  height: 100%;
  width: var(--drawer-width, var(--drawer-width-right));
}
.drawer.drawer-temporary.drawer-pos-right.drawer--open {
  right: 0;
}
.drawer.drawer-temporary.drawer-pos-right.drawer--open:not(.drawer--initial) {
  animation: drawer-slide-in-right 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.drawer.drawer-temporary.drawer-pos-right.drawer--closed {
  right: calc(-1 * var(--drawer-width, var(--drawer-width-right)));
}
.drawer.drawer-temporary.drawer-pos-right.drawer--closed:not(.drawer--initial) {
  animation: drawer-slide-out-right 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.drawer.drawer-temporary.drawer-pos-bottom {
  left: 0;
  top: auto;
  width: 100%;
}
.drawer.drawer-temporary.drawer-pos-bottom.drawer--open {
  bottom: 0;
}
.drawer.drawer-temporary.drawer-pos-bottom.drawer--open:not(.drawer--initial) {
  animation: drawer-slide-in-bottom 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1;
}
.drawer.drawer-temporary.drawer-pos-bottom.drawer--closed {
  bottom: calc(-1 * var(--drawer-content-height));
}
.drawer.drawer-temporary.drawer-pos-bottom.drawer--closed:not(.drawer--initial) {
  animation: drawer-slide-out-bottom 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1;
}
.drawer.drawer-temporary.drawer-pos-top {
  left: 0;
  bottom: auto;
  width: 100%;
}
.drawer.drawer-temporary.drawer-pos-top.drawer--open {
  top: 0;
}
.drawer.drawer-temporary.drawer-pos-top.drawer--open:not(.drawer--initial) {
  animation: drawer-slide-in-top 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1;
}
.drawer.drawer-temporary.drawer-pos-top.drawer--closed {
  top: calc(-1 * var(--drawer-content-height));
}
.drawer.drawer-temporary.drawer-pos-top.drawer--closed:not(.drawer--initial) {
  animation: drawer-slide-out-top 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1;
}
.drawer.drawer-mini.drawer-pos-left ~ div:not(.main-content), .drawer.drawer-mini.drawer-pos-right ~ div:not(.main-content), .drawer.drawer-persistent.drawer-pos-left ~ div:not(.main-content), .drawer.drawer-persistent.drawer-pos-right ~ div:not(.main-content) {
  transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.drawer.drawer-mini.drawer-pos-left.drawer--open ~ div:not(.main-content), .drawer.drawer-persistent.drawer-pos-left.drawer--open ~ div:not(.main-content) {
  margin-left: var(--drawer-width, var(--drawer-width-left));
}
.drawer.drawer-mini.drawer-pos-right.drawer--open ~ div:not(.main-content), .drawer.drawer-persistent.drawer-pos-right.drawer--open ~ div:not(.main-content) {
  margin-right: var(--drawer-width, var(--drawer-width-right));
}
.drawer.drawer-mini.drawer-pos-left.drawer--closed ~ div:not(.main-content) {
  margin-left: var(--drawer-width, var(--drawer-width-mini-left));
}
.drawer.drawer-mini.drawer-pos-right.drawer--closed ~ div:not(.main-content) {
  margin-right: var(--drawer-width, var(--drawer-width-mini-right));
}

.drawer-header {
  display: flex;
  min-height: var(--appbar-height);
  padding: 12px 24px 12px 24px;
}
.drawer-header.drawer-header-dense {
  min-height: calc(var(--appbar-height) - var(--appbar-height) / 4);
  padding: 8px 24px 8px 24px;
}

.drawer-fixed.drawer-mini.drawer-clipped-always, .drawer-fixed.drawer-persistent:not(.drawer-clipped-never), .drawer-fixed.drawer-responsive.drawer-clipped-always, .drawer-fixed.drawer-temporary.drawer-clipped-always {
  top: var(--appbar-height);
  height: calc(100% - var(--appbar-height));
}
@media (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-always, .drawer-fixed.drawer-persistent:not(.drawer-clipped-never), .drawer-fixed.drawer-responsive.drawer-clipped-always, .drawer-fixed.drawer-temporary.drawer-clipped-always {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - (var(--appbar-height) - var(--appbar-height) / 4));
  }
}
@media (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-always, .drawer-fixed.drawer-persistent:not(.drawer-clipped-never), .drawer-fixed.drawer-responsive.drawer-clipped-always, .drawer-fixed.drawer-temporary.drawer-clipped-always {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - (var(--appbar-height) - var(--appbar-height) / 8));
  }
}
@media (min-width: 0px) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xs, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xs {
    top: var(--appbar-height);
    height: calc(100% - var(--appbar-height));
  }
}
@media (min-width: 0px) and (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xs, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xs {
    top: calc(var(--appbar-height) - var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 0px) and (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xs, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xs {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - var(--appbar-height) / 8);
  }
}
@media (min-width: 600px) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-sm, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-sm {
    top: var(--appbar-height);
    height: calc(100% - var(--appbar-height));
  }
}
@media (min-width: 600px) and (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-sm, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-sm {
    top: calc(var(--appbar-height) - var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 600px) and (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-sm, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-sm {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - var(--appbar-height) / 8);
  }
}
@media (min-width: 960px) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-md, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-md {
    top: var(--appbar-height);
    height: calc(100% - var(--appbar-height));
  }
}
@media (min-width: 960px) and (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-md, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-md {
    top: calc(var(--appbar-height) - var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 960px) and (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-md, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-md {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - var(--appbar-height) / 8);
  }
}
@media (min-width: 1280px) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-lg, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-lg {
    top: var(--appbar-height);
    height: calc(100% - var(--appbar-height));
  }
}
@media (min-width: 1280px) and (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-lg, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-lg {
    top: calc(var(--appbar-height) - var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 1280px) and (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-lg, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-lg {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - var(--appbar-height) / 8);
  }
}
@media (min-width: 1920px) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xl, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xl {
    top: var(--appbar-height);
    height: calc(100% - var(--appbar-height));
  }
}
@media (min-width: 1920px) and (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xl, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xl {
    top: calc(var(--appbar-height) - var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 1920px) and (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xl, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xl {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - var(--appbar-height) / 8);
  }
}
@media (min-width: 2560px) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xxl, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xxl {
    top: var(--appbar-height);
    height: calc(100% - var(--appbar-height));
  }
}
@media (min-width: 2560px) and (max-width: 599px) and (orientation: landscape) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xxl, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xxl {
    top: calc(var(--appbar-height) - var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 2560px) and (max-width: 599px) and (orientation: portrait) {
  .drawer-fixed.drawer-mini.drawer-clipped-docked.drawer-xxl, .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xxl {
    top: calc(var(--appbar-height) - var(--appbar-height) / 8);
    height: calc(100% - var(--appbar-height) / 8);
  }
}

.appbar-dense ~ .drawer-fixed.drawer-mini:not(.drawer-clipped-never), .appbar-dense ~ .drawer-fixed.drawer-persistent:not(.drawer-clipped-never), .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-always, .appbar-dense ~ .drawer-fixed.drawer-temporary.drawer-clipped-always {
  top: calc(var(--appbar-height) - var(--appbar-height) / 4);
  height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
}
@media (min-width: 0px) {
  .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xs {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
  }
}
@media (min-width: 600px) {
  .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-sm {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
  }
}
@media (min-width: 960px) {
  .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-md {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
  }
}
@media (min-width: 1280px) {
  .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-lg {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
  }
}
@media (min-width: 1920px) {
  .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xl {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
  }
}
@media (min-width: 2560px) {
  .appbar-dense ~ .drawer-fixed.drawer-responsive.drawer-clipped-docked.drawer-xxl {
    top: calc(var(--appbar-height) - var(--appbar-height) / 4);
    height: calc(100% - var(--appbar-height) + var(--appbar-height) / 4);
  }
}

.drawer-overlay {
  display: none;
}
@media (max-width: -1px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-xs {
    display: block;
  }
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-xs.drawer--initial {
    display: none;
  }
}
@media (max-width: -1px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-mini.drawer-overlay-xs {
    display: block;
  }
}
@media (max-width: 599px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-sm {
    display: block;
  }
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-sm.drawer--initial {
    display: none;
  }
}
@media (max-width: 599px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-mini.drawer-overlay-sm {
    display: block;
  }
}
@media (max-width: 959px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-md {
    display: block;
  }
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-md.drawer--initial {
    display: none;
  }
}
@media (max-width: 959px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-mini.drawer-overlay-md {
    display: block;
  }
}
@media (max-width: 1279px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-lg {
    display: block;
  }
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-lg.drawer--initial {
    display: none;
  }
}
@media (max-width: 1279px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-mini.drawer-overlay-lg {
    display: block;
  }
}
@media (max-width: 1919px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-xl {
    display: block;
  }
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-xl.drawer--initial {
    display: none;
  }
}
@media (max-width: 1919px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-mini.drawer-overlay-xl {
    display: block;
  }
}
@media (max-width: 2559px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-xxl {
    display: block;
  }
  .drawer-overlay.drawer-overlay--open.drawer-overlay-responsive.drawer-overlay-xxl.drawer--initial {
    display: none;
  }
}
@media (max-width: 2559px) {
  .drawer-overlay.drawer-overlay--open.drawer-overlay-mini.drawer-overlay-xxl {
    display: block;
  }
}
.drawer-overlay.drawer-overlay--open.drawer-overlay-temporary {
  display: block;
}

/*#region keyframes*/
@keyframes drawer-slide-in-left {
  from {
    left: calc(-1 * var(--drawer-width, var(--drawer-width-left)));
  }
}
@keyframes drawer-slide-out-left {
  from {
    left: 0;
  }
}
@keyframes drawer-slide-in-right {
  from {
    right: calc(-1 * var(--drawer-width, var(--drawer-width-right)));
  }
}
@keyframes drawer-slide-out-right {
  from {
    right: 0;
  }
}
@keyframes drawer-slide-in-bottom {
  from {
    bottom: calc(-1 * var(--drawer-content-height));
  }
}
@keyframes drawer-slide-out-bottom {
  from {
    bottom: 0;
  }
}
@keyframes drawer-slide-in-top {
  from {
    top: calc(-1 * var(--drawer-content-height));
  }
}
@keyframes drawer-slide-out-top {
  from {
    top: 0;
  }
}
/*#endregion*/
.main-content {
  margin: 0;
  flex: 1 1 auto;
  padding-top: calc(var(--appbar-height) - var(--appbar-height) / 8);
  transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

@media (min-width: 0px) and (orientation: landscape) {
  .main-content {
    padding-top: calc(var(--appbar-height) - var(--appbar-height) / 4);
  }
}
@media (min-width: 600px) {
  .main-content {
    padding-top: var(--appbar-height);
  }
}
.appbar-dense ~ .main-content {
  padding-top: calc(var(--appbar-height) - var(--appbar-height) / 4);
}

@media (min-width: 0px) {
  .drawer-open-responsive-xs-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-responsive-xs-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-responsive-xs-left.drawer-open-responsive-xs-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 600px) {
  .drawer-open-responsive-sm-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-responsive-sm-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-responsive-sm-left.drawer-open-responsive-sm-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 960px) {
  .drawer-open-responsive-md-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-responsive-md-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-responsive-md-left.drawer-open-responsive-md-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 1280px) {
  .drawer-open-responsive-lg-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-responsive-lg-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-responsive-lg-left.drawer-open-responsive-lg-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 1920px) {
  .drawer-open-responsive-xl-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-responsive-xl-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-responsive-xl-left.drawer-open-responsive-xl-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 2560px) {
  .drawer-open-responsive-xxl-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-responsive-xxl-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-responsive-xxl-left.drawer-open-responsive-xxl-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
.drawer-open-persistent-left:not(.drawer-open-persistent-right) .main-content {
  margin-left: var(--drawer-width-left);
}
.drawer-open-persistent-right:not(.drawer-open-persistent-left) .main-content {
  margin-right: var(--drawer-width-right);
}
.drawer-open-persistent-left.drawer-open-persistent-right .main-content {
  margin-right: var(--drawer-width-right);
  margin-left: var(--drawer-width-left);
}
@media (min-width: 0px) {
  .drawer-open-mini-xs-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-mini-xs-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-mini-xs-left.drawer-open-mini-xs-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 600px) {
  .drawer-open-mini-sm-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-mini-sm-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-mini-sm-left.drawer-open-mini-sm-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 960px) {
  .drawer-open-mini-md-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-mini-md-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-mini-md-left.drawer-open-mini-md-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 1280px) {
  .drawer-open-mini-lg-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-mini-lg-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-mini-lg-left.drawer-open-mini-lg-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 1920px) {
  .drawer-open-mini-xl-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-mini-xl-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-mini-xl-left.drawer-open-mini-xl-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
@media (min-width: 2560px) {
  .drawer-open-mini-xxl-left .main-content {
    margin-left: var(--drawer-width-left);
  }
  .drawer-open-mini-xxl-right .main-content {
    margin-right: var(--drawer-width-right);
  }
  .drawer-open-mini-xxl-left.drawer-open-mini-xxl-right .main-content {
    margin-right: var(--drawer-width-right);
    margin-left: var(--drawer-width-left);
  }
}
.drawer-open-mini-none-left .main-content, .drawer-open-mini-always-left .main-content {
  margin-left: var(--drawer-width-left);
}
.drawer-open-mini-none-right .main-content, .drawer-open-mini-always-right .main-content {
  margin-right: var(--drawer-width-right);
}
.drawer-open-mini-none-left.drawer-open-mini-none, .drawer-open-mini-none .drawer-open-mini-always-right .main-content, .drawer-open-mini-always-left.drawer-open-mini-none, .drawer-open-mini-always .drawer-open-mini-always-right .main-content {
  margin-right: var(--drawer-width-right);
  margin-left: var(--drawer-width-left);
}

.drawer-close-mini-xs-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-xs-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-xs-left.drawer-close-mini-xs-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-sm-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-sm-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-sm-left.drawer-close-mini-sm-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-md-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-md-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-md-left.drawer-close-mini-md-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-lg-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-lg-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-lg-left.drawer-close-mini-lg-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-xl-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-xl-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-xl-left.drawer-close-mini-xl-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-xxl-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-xxl-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-xxl-left.drawer-close-mini-xxl-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-none-left .main-content, .drawer-close-mini-always-left .main-content {
  margin-left: var(--drawer-width-mini-left);
}
.drawer-close-mini-none-right .main-content, .drawer-close-mini-always-right .main-content {
  margin-right: var(--drawer-width-mini-right);
}
.drawer-close-mini-none-left.drawer-close-mini-none, .drawer-close-mini-none .drawer-close-mini-always-right .main-content, .drawer-close-mini-always-left.drawer-close-mini-none, .drawer-close-mini-always .drawer-close-mini-always-right .main-content {
  margin-right: var(--drawer-width-mini-right);
  margin-left: var(--drawer-width-mini-left);
}

.container {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 600px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.container-disable-gutters {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 600px) {
  .container-fixed {
    max-width: 600px;
  }
}
@media (min-width: 960px) {
  .container-fixed {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container-fixed {
    max-width: 1280px;
  }
}
@media (min-width: 1920px) {
  .container-fixed {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .container-fixed {
    max-width: 2560px;
  }
}
@media (min-width: 0px) {
  .container-maxwidth-xs {
    max-width: 444px;
  }
}
@media (min-width: 600px) {
  .container-maxwidth-sm {
    max-width: 600px;
  }
}
@media (min-width: 960px) {
  .container-maxwidth-md {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container-maxwidth-lg {
    max-width: 1280px;
  }
}
@media (min-width: 1920px) {
  .container-maxwidth-xl {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .container-maxwidth-xxl {
    max-width: 2560px;
  }
}
.scroll-locked {
  padding-right: 8px;
  overflow: hidden;
}
.scroll-locked .layout .appbar {
  padding-right: 8px;
}
.scroll-locked .layout .main-content .scroll-to-top {
  padding-right: 8px;
}

@-moz-document url-prefix() {
  .scroll-locked {
    padding-right: 17px;
  }
  .scroll-locked .layout .appbar {
    padding-right: 17px;
  }
  .scroll-locked .layout .main-content .scroll-to-top {
    padding-right: 17px;
  }
}
.scroll-to-top {
  position: fixed;
  cursor: pointer;
  z-index: 100;
}
.scroll-to-top.visible {
  bottom: 16px;
  right: 16px;
  opacity: 1;
  transition: transform 0.5s;
  flex: 1;
}
.scroll-to-top.hidden {
  bottom: 16px;
  right: 16px;
  opacity: 0;
  transition: all 0.5s;
  visibility: hidden;
  transform: scale(0) rotate(180deg);
  flex: 0;
}
.scroll-to-top:after {
  content: "";
  background: transparent;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: var(--zindex-tooltip);
}

.red {
  background-color: #F44336;
}

.red-text {
  color: #F44336;
}

.red.lighten-5 {
  background-color: #FFEBEE;
}

.red-text.text-lighten-5 {
  color: #FFEBEE;
}

.red.lighten-4 {
  background-color: #FFCDD2;
}

.red-text.text-lighten-4 {
  color: #FFCDD2;
}

.red.lighten-3 {
  background-color: #EF9A9A;
}

.red-text.text-lighten-3 {
  color: #EF9A9A;
}

.red.lighten-2 {
  background-color: #E57373;
}

.red-text.text-lighten-2 {
  color: #E57373;
}

.red.lighten-1 {
  background-color: #EF5350;
}

.red-text.text-lighten-1 {
  color: #EF5350;
}

.red.darken-1 {
  background-color: #E53935;
}

.red-text.text-darken-1 {
  color: #E53935;
}

.red.darken-2 {
  background-color: #D32F2F;
}

.red-text.text-darken-2 {
  color: #D32F2F;
}

.red.darken-3 {
  background-color: #C62828;
}

.red-text.text-darken-3 {
  color: #C62828;
}

.red.darken-4 {
  background-color: #B71C1C;
}

.red-text.text-darken-4 {
  color: #B71C1C;
}

.red.accent-1 {
  background-color: #FF8A80;
}

.red-text.text-accent-1 {
  color: #FF8A80;
}

.red.accent-2 {
  background-color: #FF5252;
}

.red-text.text-accent-2 {
  color: #FF5252;
}

.red.accent-3 {
  background-color: #FF1744;
}

.red-text.text-accent-3 {
  color: #FF1744;
}

.red.accent-4 {
  background-color: #D50000;
}

.red-text.text-accent-4 {
  color: #D50000;
}

.pink {
  background-color: #e91e63;
}

.pink-text {
  color: #e91e63;
}

.pink.lighten-5 {
  background-color: #fce4ec;
}

.pink-text.text-lighten-5 {
  color: #fce4ec;
}

.pink.lighten-4 {
  background-color: #f8bbd0;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0;
}

.pink.lighten-3 {
  background-color: #f48fb1;
}

.pink-text.text-lighten-3 {
  color: #f48fb1;
}

.pink.lighten-2 {
  background-color: #f06292;
}

.pink-text.text-lighten-2 {
  color: #f06292;
}

.pink.lighten-1 {
  background-color: #ec407a;
}

.pink-text.text-lighten-1 {
  color: #ec407a;
}

.pink.darken-1 {
  background-color: #d81b60;
}

.pink-text.text-darken-1 {
  color: #d81b60;
}

.pink.darken-2 {
  background-color: #c2185b;
}

.pink-text.text-darken-2 {
  color: #c2185b;
}

.pink.darken-3 {
  background-color: #ad1457;
}

.pink-text.text-darken-3 {
  color: #ad1457;
}

.pink.darken-4 {
  background-color: #880e4f;
}

.pink-text.text-darken-4 {
  color: #880e4f;
}

.pink.accent-1 {
  background-color: #ff80ab;
}

.pink-text.text-accent-1 {
  color: #ff80ab;
}

.pink.accent-2 {
  background-color: #ff4081;
}

.pink-text.text-accent-2 {
  color: #ff4081;
}

.pink.accent-3 {
  background-color: #f50057;
}

.pink-text.text-accent-3 {
  color: #f50057;
}

.pink.accent-4 {
  background-color: #c51162;
}

.pink-text.text-accent-4 {
  color: #c51162;
}

.purple {
  background-color: #9c27b0;
}

.purple-text {
  color: #9c27b0;
}

.purple.lighten-5 {
  background-color: #f3e5f5;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5;
}

.purple.lighten-4 {
  background-color: #e1bee7;
}

.purple-text.text-lighten-4 {
  color: #e1bee7;
}

.purple.lighten-3 {
  background-color: #ce93d8;
}

.purple-text.text-lighten-3 {
  color: #ce93d8;
}

.purple.lighten-2 {
  background-color: #ba68c8;
}

.purple-text.text-lighten-2 {
  color: #ba68c8;
}

.purple.lighten-1 {
  background-color: #ab47bc;
}

.purple-text.text-lighten-1 {
  color: #ab47bc;
}

.purple.darken-1 {
  background-color: #8e24aa;
}

.purple-text.text-darken-1 {
  color: #8e24aa;
}

.purple.darken-2 {
  background-color: #7b1fa2;
}

.purple-text.text-darken-2 {
  color: #7b1fa2;
}

.purple.darken-3 {
  background-color: #6a1b9a;
}

.purple-text.text-darken-3 {
  color: #6a1b9a;
}

.purple.darken-4 {
  background-color: #4a148c;
}

.purple-text.text-darken-4 {
  color: #4a148c;
}

.purple.accent-1 {
  background-color: #ea80fc;
}

.purple-text.text-accent-1 {
  color: #ea80fc;
}

.purple.accent-2 {
  background-color: #e040fb;
}

.purple-text.text-accent-2 {
  color: #e040fb;
}

.purple.accent-3 {
  background-color: #d500f9;
}

.purple-text.text-accent-3 {
  color: #d500f9;
}

.purple.accent-4 {
  background-color: #aa00ff;
}

.purple-text.text-accent-4 {
  color: #aa00ff;
}

.deep-purple {
  background-color: #673ab7;
}

.deep-purple-text {
  color: #673ab7;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb;
}

.deep-purple.lighten-2 {
  background-color: #9575cd;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2;
}

.deep-purple.darken-1 {
  background-color: #5e35b1;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1;
}

.deep-purple.darken-2 {
  background-color: #512da8;
}

.deep-purple-text.text-darken-2 {
  color: #512da8;
}

.deep-purple.darken-3 {
  background-color: #4527a0;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0;
}

.deep-purple.darken-4 {
  background-color: #311b92;
}

.deep-purple-text.text-darken-4 {
  color: #311b92;
}

.deep-purple.accent-1 {
  background-color: #b388ff;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff;
}

.deep-purple.accent-2 {
  background-color: #7c4dff;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff;
}

.deep-purple.accent-3 {
  background-color: #651fff;
}

.deep-purple-text.text-accent-3 {
  color: #651fff;
}

.deep-purple.accent-4 {
  background-color: #6200ea;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea;
}

.indigo {
  background-color: #3f51b5;
}

.indigo-text {
  color: #3f51b5;
}

.indigo.lighten-5 {
  background-color: #e8eaf6;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6;
}

.indigo.lighten-4 {
  background-color: #c5cae9;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9;
}

.indigo.lighten-3 {
  background-color: #9fa8da;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da;
}

.indigo.lighten-2 {
  background-color: #7986cb;
}

.indigo-text.text-lighten-2 {
  color: #7986cb;
}

.indigo.lighten-1 {
  background-color: #5c6bc0;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0;
}

.indigo.darken-1 {
  background-color: #3949ab;
}

.indigo-text.text-darken-1 {
  color: #3949ab;
}

.indigo.darken-2 {
  background-color: #303f9f;
}

.indigo-text.text-darken-2 {
  color: #303f9f;
}

.indigo.darken-3 {
  background-color: #283593;
}

.indigo-text.text-darken-3 {
  color: #283593;
}

.indigo.darken-4 {
  background-color: #1a237e;
}

.indigo-text.text-darken-4 {
  color: #1a237e;
}

.indigo.accent-1 {
  background-color: #8c9eff;
}

.indigo-text.text-accent-1 {
  color: #8c9eff;
}

.indigo.accent-2 {
  background-color: #536dfe;
}

.indigo-text.text-accent-2 {
  color: #536dfe;
}

.indigo.accent-3 {
  background-color: #3d5afe;
}

.indigo-text.text-accent-3 {
  color: #3d5afe;
}

.indigo.accent-4 {
  background-color: #304ffe;
}

.indigo-text.text-accent-4 {
  color: #304ffe;
}

.blue {
  background-color: #2196F3;
}

.blue-text {
  color: #2196F3;
}

.blue.lighten-5 {
  background-color: #E3F2FD;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD;
}

.blue.lighten-4 {
  background-color: #BBDEFB;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB;
}

.blue.lighten-3 {
  background-color: #90CAF9;
}

.blue-text.text-lighten-3 {
  color: #90CAF9;
}

.blue.lighten-2 {
  background-color: #64B5F6;
}

.blue-text.text-lighten-2 {
  color: #64B5F6;
}

.blue.lighten-1 {
  background-color: #42A5F5;
}

.blue-text.text-lighten-1 {
  color: #42A5F5;
}

.blue.darken-1 {
  background-color: #1E88E5;
}

.blue-text.text-darken-1 {
  color: #1E88E5;
}

.blue.darken-2 {
  background-color: #1976D2;
}

.blue-text.text-darken-2 {
  color: #1976D2;
}

.blue.darken-3 {
  background-color: #1565C0;
}

.blue-text.text-darken-3 {
  color: #1565C0;
}

.blue.darken-4 {
  background-color: #0D47A1;
}

.blue-text.text-darken-4 {
  color: #0D47A1;
}

.blue.accent-1 {
  background-color: #82B1FF;
}

.blue-text.text-accent-1 {
  color: #82B1FF;
}

.blue.accent-2 {
  background-color: #448AFF;
}

.blue-text.text-accent-2 {
  color: #448AFF;
}

.blue.accent-3 {
  background-color: #2979FF;
}

.blue-text.text-accent-3 {
  color: #2979FF;
}

.blue.accent-4 {
  background-color: #2962FF;
}

.blue-text.text-accent-4 {
  color: #2962FF;
}

.light-blue {
  background-color: #03a9f4;
}

.light-blue-text {
  color: #03a9f4;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc;
}

.light-blue.lighten-3 {
  background-color: #81d4fa;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7;
}

.light-blue.lighten-1 {
  background-color: #29b6f6;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6;
}

.light-blue.darken-1 {
  background-color: #039be5;
}

.light-blue-text.text-darken-1 {
  color: #039be5;
}

.light-blue.darken-2 {
  background-color: #0288d1;
}

.light-blue-text.text-darken-2 {
  color: #0288d1;
}

.light-blue.darken-3 {
  background-color: #0277bd;
}

.light-blue-text.text-darken-3 {
  color: #0277bd;
}

.light-blue.darken-4 {
  background-color: #01579b;
}

.light-blue-text.text-darken-4 {
  color: #01579b;
}

.light-blue.accent-1 {
  background-color: #80d8ff;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff;
}

.light-blue.accent-2 {
  background-color: #40c4ff;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff;
}

.light-blue.accent-3 {
  background-color: #00b0ff;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff;
}

.light-blue.accent-4 {
  background-color: #0091ea;
}

.light-blue-text.text-accent-4 {
  color: #0091ea;
}

.cyan {
  background-color: #00bcd4;
}

.cyan-text {
  color: #00bcd4;
}

.cyan.lighten-5 {
  background-color: #e0f7fa;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa;
}

.cyan.lighten-4 {
  background-color: #b2ebf2;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2;
}

.cyan.lighten-3 {
  background-color: #80deea;
}

.cyan-text.text-lighten-3 {
  color: #80deea;
}

.cyan.lighten-2 {
  background-color: #4dd0e1;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1;
}

.cyan.lighten-1 {
  background-color: #26c6da;
}

.cyan-text.text-lighten-1 {
  color: #26c6da;
}

.cyan.darken-1 {
  background-color: #00acc1;
}

.cyan-text.text-darken-1 {
  color: #00acc1;
}

.cyan.darken-2 {
  background-color: #0097a7;
}

.cyan-text.text-darken-2 {
  color: #0097a7;
}

.cyan.darken-3 {
  background-color: #00838f;
}

.cyan-text.text-darken-3 {
  color: #00838f;
}

.cyan.darken-4 {
  background-color: #006064;
}

.cyan-text.text-darken-4 {
  color: #006064;
}

.cyan.accent-1 {
  background-color: #84ffff;
}

.cyan-text.text-accent-1 {
  color: #84ffff;
}

.cyan.accent-2 {
  background-color: #18ffff;
}

.cyan-text.text-accent-2 {
  color: #18ffff;
}

.cyan.accent-3 {
  background-color: #00e5ff;
}

.cyan-text.text-accent-3 {
  color: #00e5ff;
}

.cyan.accent-4 {
  background-color: #00b8d4;
}

.cyan-text.text-accent-4 {
  color: #00b8d4;
}

.teal {
  background-color: #009688;
}

.teal-text {
  color: #009688;
}

.teal.lighten-5 {
  background-color: #e0f2f1;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1;
}

.teal.lighten-4 {
  background-color: #b2dfdb;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb;
}

.teal.lighten-3 {
  background-color: #80cbc4;
}

.teal-text.text-lighten-3 {
  color: #80cbc4;
}

.teal.lighten-2 {
  background-color: #4db6ac;
}

.teal-text.text-lighten-2 {
  color: #4db6ac;
}

.teal.lighten-1 {
  background-color: #26a69a;
}

.teal-text.text-lighten-1 {
  color: #26a69a;
}

.teal.darken-1 {
  background-color: #00897b;
}

.teal-text.text-darken-1 {
  color: #00897b;
}

.teal.darken-2 {
  background-color: #00796b;
}

.teal-text.text-darken-2 {
  color: #00796b;
}

.teal.darken-3 {
  background-color: #00695c;
}

.teal-text.text-darken-3 {
  color: #00695c;
}

.teal.darken-4 {
  background-color: #004d40;
}

.teal-text.text-darken-4 {
  color: #004d40;
}

.teal.accent-1 {
  background-color: #a7ffeb;
}

.teal-text.text-accent-1 {
  color: #a7ffeb;
}

.teal.accent-2 {
  background-color: #64ffda;
}

.teal-text.text-accent-2 {
  color: #64ffda;
}

.teal.accent-3 {
  background-color: #1de9b6;
}

.teal-text.text-accent-3 {
  color: #1de9b6;
}

.teal.accent-4 {
  background-color: #00bfa5;
}

.teal-text.text-accent-4 {
  color: #00bfa5;
}

.green {
  background-color: #4CAF50;
}

.green-text {
  color: #4CAF50;
}

.green.lighten-5 {
  background-color: #E8F5E9;
}

.green-text.text-lighten-5 {
  color: #E8F5E9;
}

.green.lighten-4 {
  background-color: #C8E6C9;
}

.green-text.text-lighten-4 {
  color: #C8E6C9;
}

.green.lighten-3 {
  background-color: #A5D6A7;
}

.green-text.text-lighten-3 {
  color: #A5D6A7;
}

.green.lighten-2 {
  background-color: #81C784;
}

.green-text.text-lighten-2 {
  color: #81C784;
}

.green.lighten-1 {
  background-color: #66BB6A;
}

.green-text.text-lighten-1 {
  color: #66BB6A;
}

.green.darken-1 {
  background-color: #43A047;
}

.green-text.text-darken-1 {
  color: #43A047;
}

.green.darken-2 {
  background-color: #388E3C;
}

.green-text.text-darken-2 {
  color: #388E3C;
}

.green.darken-3 {
  background-color: #2E7D32;
}

.green-text.text-darken-3 {
  color: #2E7D32;
}

.green.darken-4 {
  background-color: #1B5E20;
}

.green-text.text-darken-4 {
  color: #1B5E20;
}

.green.accent-1 {
  background-color: #B9F6CA;
}

.green-text.text-accent-1 {
  color: #B9F6CA;
}

.green.accent-2 {
  background-color: #69F0AE;
}

.green-text.text-accent-2 {
  color: #69F0AE;
}

.green.accent-3 {
  background-color: #00E676;
}

.green-text.text-accent-3 {
  color: #00E676;
}

.green.accent-4 {
  background-color: #00C853;
}

.green-text.text-accent-4 {
  color: #00C853;
}

.light-green {
  background-color: #8bc34a;
}

.light-green-text {
  color: #8bc34a;
}

.light-green.lighten-5 {
  background-color: #f1f8e9;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9;
}

.light-green.lighten-4 {
  background-color: #dcedc8;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8;
}

.light-green.lighten-3 {
  background-color: #c5e1a5;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5;
}

.light-green.lighten-2 {
  background-color: #aed581;
}

.light-green-text.text-lighten-2 {
  color: #aed581;
}

.light-green.lighten-1 {
  background-color: #9ccc65;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65;
}

.light-green.darken-1 {
  background-color: #7cb342;
}

.light-green-text.text-darken-1 {
  color: #7cb342;
}

.light-green.darken-2 {
  background-color: #689f38;
}

.light-green-text.text-darken-2 {
  color: #689f38;
}

.light-green.darken-3 {
  background-color: #558b2f;
}

.light-green-text.text-darken-3 {
  color: #558b2f;
}

.light-green.darken-4 {
  background-color: #33691e;
}

.light-green-text.text-darken-4 {
  color: #33691e;
}

.light-green.accent-1 {
  background-color: #ccff90;
}

.light-green-text.text-accent-1 {
  color: #ccff90;
}

.light-green.accent-2 {
  background-color: #b2ff59;
}

.light-green-text.text-accent-2 {
  color: #b2ff59;
}

.light-green.accent-3 {
  background-color: #76ff03;
}

.light-green-text.text-accent-3 {
  color: #76ff03;
}

.light-green.accent-4 {
  background-color: #64dd17;
}

.light-green-text.text-accent-4 {
  color: #64dd17;
}

.lime {
  background-color: #cddc39;
}

.lime-text {
  color: #cddc39;
}

.lime.lighten-5 {
  background-color: #f9fbe7;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7;
}

.lime.lighten-4 {
  background-color: #f0f4c3;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3;
}

.lime.lighten-3 {
  background-color: #e6ee9c;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c;
}

.lime.lighten-2 {
  background-color: #dce775;
}

.lime-text.text-lighten-2 {
  color: #dce775;
}

.lime.lighten-1 {
  background-color: #d4e157;
}

.lime-text.text-lighten-1 {
  color: #d4e157;
}

.lime.darken-1 {
  background-color: #c0ca33;
}

.lime-text.text-darken-1 {
  color: #c0ca33;
}

.lime.darken-2 {
  background-color: #afb42b;
}

.lime-text.text-darken-2 {
  color: #afb42b;
}

.lime.darken-3 {
  background-color: #9e9d24;
}

.lime-text.text-darken-3 {
  color: #9e9d24;
}

.lime.darken-4 {
  background-color: #827717;
}

.lime-text.text-darken-4 {
  color: #827717;
}

.lime.accent-1 {
  background-color: #f4ff81;
}

.lime-text.text-accent-1 {
  color: #f4ff81;
}

.lime.accent-2 {
  background-color: #eeff41;
}

.lime-text.text-accent-2 {
  color: #eeff41;
}

.lime.accent-3 {
  background-color: #c6ff00;
}

.lime-text.text-accent-3 {
  color: #c6ff00;
}

.lime.accent-4 {
  background-color: #aeea00;
}

.lime-text.text-accent-4 {
  color: #aeea00;
}

.yellow {
  background-color: #ffeb3b;
}

.yellow-text {
  color: #ffeb3b;
}

.yellow.lighten-5 {
  background-color: #fffde7;
}

.yellow-text.text-lighten-5 {
  color: #fffde7;
}

.yellow.lighten-4 {
  background-color: #fff9c4;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4;
}

.yellow.lighten-3 {
  background-color: #fff59d;
}

.yellow-text.text-lighten-3 {
  color: #fff59d;
}

.yellow.lighten-2 {
  background-color: #fff176;
}

.yellow-text.text-lighten-2 {
  color: #fff176;
}

.yellow.lighten-1 {
  background-color: #ffee58;
}

.yellow-text.text-lighten-1 {
  color: #ffee58;
}

.yellow.darken-1 {
  background-color: #fdd835;
}

.yellow-text.text-darken-1 {
  color: #fdd835;
}

.yellow.darken-2 {
  background-color: #fbc02d;
}

.yellow-text.text-darken-2 {
  color: #fbc02d;
}

.yellow.darken-3 {
  background-color: #f9a825;
}

.yellow-text.text-darken-3 {
  color: #f9a825;
}

.yellow.darken-4 {
  background-color: #f57f17;
}

.yellow-text.text-darken-4 {
  color: #f57f17;
}

.yellow.accent-1 {
  background-color: #ffff8d;
}

.yellow-text.text-accent-1 {
  color: #ffff8d;
}

.yellow.accent-2 {
  background-color: #ffff00;
}

.yellow-text.text-accent-2 {
  color: #ffff00;
}

.yellow.accent-3 {
  background-color: #ffea00;
}

.yellow-text.text-accent-3 {
  color: #ffea00;
}

.yellow.accent-4 {
  background-color: #ffd600;
}

.yellow-text.text-accent-4 {
  color: #ffd600;
}

.amber {
  background-color: #ffc107;
}

.amber-text {
  color: #ffc107;
}

.amber.lighten-5 {
  background-color: #fff8e1;
}

.amber-text.text-lighten-5 {
  color: #fff8e1;
}

.amber.lighten-4 {
  background-color: #ffecb3;
}

.amber-text.text-lighten-4 {
  color: #ffecb3;
}

.amber.lighten-3 {
  background-color: #ffe082;
}

.amber-text.text-lighten-3 {
  color: #ffe082;
}

.amber.lighten-2 {
  background-color: #ffd54f;
}

.amber-text.text-lighten-2 {
  color: #ffd54f;
}

.amber.lighten-1 {
  background-color: #ffca28;
}

.amber-text.text-lighten-1 {
  color: #ffca28;
}

.amber.darken-1 {
  background-color: #ffb300;
}

.amber-text.text-darken-1 {
  color: #ffb300;
}

.amber.darken-2 {
  background-color: #ffa000;
}

.amber-text.text-darken-2 {
  color: #ffa000;
}

.amber.darken-3 {
  background-color: #ff8f00;
}

.amber-text.text-darken-3 {
  color: #ff8f00;
}

.amber.darken-4 {
  background-color: #ff6f00;
}

.amber-text.text-darken-4 {
  color: #ff6f00;
}

.amber.accent-1 {
  background-color: #ffe57f;
}

.amber-text.text-accent-1 {
  color: #ffe57f;
}

.amber.accent-2 {
  background-color: #ffd740;
}

.amber-text.text-accent-2 {
  color: #ffd740;
}

.amber.accent-3 {
  background-color: #ffc400;
}

.amber-text.text-accent-3 {
  color: #ffc400;
}

.amber.accent-4 {
  background-color: #ffab00;
}

.amber-text.text-accent-4 {
  color: #ffab00;
}

.orange {
  background-color: #ff9800;
}

.orange-text {
  color: #ff9800;
}

.orange.lighten-5 {
  background-color: #fff3e0;
}

.orange-text.text-lighten-5 {
  color: #fff3e0;
}

.orange.lighten-4 {
  background-color: #ffe0b2;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2;
}

.orange.lighten-3 {
  background-color: #ffcc80;
}

.orange-text.text-lighten-3 {
  color: #ffcc80;
}

.orange.lighten-2 {
  background-color: #ffb74d;
}

.orange-text.text-lighten-2 {
  color: #ffb74d;
}

.orange.lighten-1 {
  background-color: #ffa726;
}

.orange-text.text-lighten-1 {
  color: #ffa726;
}

.orange.darken-1 {
  background-color: #fb8c00;
}

.orange-text.text-darken-1 {
  color: #fb8c00;
}

.orange.darken-2 {
  background-color: #f57c00;
}

.orange-text.text-darken-2 {
  color: #f57c00;
}

.orange.darken-3 {
  background-color: #ef6c00;
}

.orange-text.text-darken-3 {
  color: #ef6c00;
}

.orange.darken-4 {
  background-color: #e65100;
}

.orange-text.text-darken-4 {
  color: #e65100;
}

.orange.accent-1 {
  background-color: #ffd180;
}

.orange-text.text-accent-1 {
  color: #ffd180;
}

.orange.accent-2 {
  background-color: #ffab40;
}

.orange-text.text-accent-2 {
  color: #ffab40;
}

.orange.accent-3 {
  background-color: #ff9100;
}

.orange-text.text-accent-3 {
  color: #ff9100;
}

.orange.accent-4 {
  background-color: #ff6d00;
}

.orange-text.text-accent-4 {
  color: #ff6d00;
}

.deep-orange {
  background-color: #ff5722;
}

.deep-orange-text {
  color: #ff5722;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc;
}

.deep-orange.lighten-3 {
  background-color: #ffab91;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65;
}

.deep-orange.lighten-1 {
  background-color: #ff7043;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043;
}

.deep-orange.darken-1 {
  background-color: #f4511e;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e;
}

.deep-orange.darken-2 {
  background-color: #e64a19;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19;
}

.deep-orange.darken-3 {
  background-color: #d84315;
}

.deep-orange-text.text-darken-3 {
  color: #d84315;
}

.deep-orange.darken-4 {
  background-color: #bf360c;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c;
}

.deep-orange.accent-1 {
  background-color: #ff9e80;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80;
}

.deep-orange.accent-2 {
  background-color: #ff6e40;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40;
}

.deep-orange.accent-3 {
  background-color: #ff3d00;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00;
}

.deep-orange.accent-4 {
  background-color: #dd2c00;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00;
}

.brown {
  background-color: #795548;
}

.brown-text {
  color: #795548;
}

.brown.lighten-5 {
  background-color: #efebe9;
}

.brown-text.text-lighten-5 {
  color: #efebe9;
}

.brown.lighten-4 {
  background-color: #d7ccc8;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8;
}

.brown.lighten-3 {
  background-color: #bcaaa4;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4;
}

.brown.lighten-2 {
  background-color: #a1887f;
}

.brown-text.text-lighten-2 {
  color: #a1887f;
}

.brown.lighten-1 {
  background-color: #8d6e63;
}

.brown-text.text-lighten-1 {
  color: #8d6e63;
}

.brown.darken-1 {
  background-color: #6d4c41;
}

.brown-text.text-darken-1 {
  color: #6d4c41;
}

.brown.darken-2 {
  background-color: #5d4037;
}

.brown-text.text-darken-2 {
  color: #5d4037;
}

.brown.darken-3 {
  background-color: #4e342e;
}

.brown-text.text-darken-3 {
  color: #4e342e;
}

.brown.darken-4 {
  background-color: #3e2723;
}

.brown-text.text-darken-4 {
  color: #3e2723;
}

.blue-grey {
  background-color: #607d8b;
}

.blue-grey-text {
  color: #607d8b;
}

.blue-grey.lighten-5 {
  background-color: #eceff1;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae;
}

.blue-grey.lighten-1 {
  background-color: #78909c;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c;
}

.blue-grey.darken-1 {
  background-color: #546e7a;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a;
}

.blue-grey.darken-2 {
  background-color: #455a64;
}

.blue-grey-text.text-darken-2 {
  color: #455a64;
}

.blue-grey.darken-3 {
  background-color: #37474f;
}

.blue-grey-text.text-darken-3 {
  color: #37474f;
}

.blue-grey.darken-4 {
  background-color: #263238;
}

.blue-grey-text.text-darken-4 {
  color: #263238;
}

.grey {
  background-color: #9e9e9e;
}

.grey-text {
  color: #9e9e9e;
}

.grey.lighten-5 {
  background-color: #fafafa;
}

.grey-text.text-lighten-5 {
  color: #fafafa;
}

.grey.lighten-4 {
  background-color: #f5f5f5;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5;
}

.grey.lighten-3 {
  background-color: #eeeeee;
}

.grey-text.text-lighten-3 {
  color: #eeeeee;
}

.grey.lighten-2 {
  background-color: #e0e0e0;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0;
}

.grey.lighten-1 {
  background-color: #bdbdbd;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd;
}

.grey.darken-1 {
  background-color: #757575;
}

.grey-text.text-darken-1 {
  color: #757575;
}

.grey.darken-2 {
  background-color: #616161;
}

.grey-text.text-darken-2 {
  color: #616161;
}

.grey.darken-3 {
  background-color: #424242;
}

.grey-text.text-darken-3 {
  color: #424242;
}

.grey.darken-4 {
  background-color: #212121;
}

.grey-text.text-darken-4 {
  color: #212121;
}

.shades.black {
  background-color: #000000;
}

.shades-text.text-black {
  color: #000000;
}

.shades.white {
  background-color: #FFFFFF;
}

.shades-text.text-white {
  color: #FFFFFF;
}

.shades.transparent {
  background-color: transparent;
}

.shades-text.text-transparent {
  color: transparent;
}

.ripple {
  position: relative;
  overflow: hidden;
}
.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.3s, opacity 1s;
}
.ripple:active:after {
  transform: scale(0, 0);
  opacity: 0.1;
  transition: 0s;
}

.ripple-icon:after, .ripple-checkbox:after, .ripple-switch:after, .ripple-radio:after {
  transform: scale(7, 7);
}

.ripple-switch {
  position: absolute;
}

.rtl {
  direction: rtl !important;
}

.ltr {
  direction: ltr !important;
}

.application-layout-rtl .flip-x-rtl {
  transform: scaleX(-1);
}