@import "tailwindcss";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
body,
#wpbody,
#wpfooter {
  @apply bg-alp-white dark:bg-wp-gray-80;
}

#wpbody-content {
  padding: 0 !important;
}

#wpcontent {
  padding: 0 !important;
}

#wpfooter {
  display: none !important;
}

#contextual-help-wrap {
  display: none !important;
}

.wp-has-current-submenu:after,
a.current:after {
  border: none !important;
}

.wp-menu-image img {
  display: inline !important;
}

#wpbody-content > .notice,
#wpbody-content > .warning {
  display: none !important;
}

#alp-settings-page,
.alp-dialog {
  @apply flex flex-row;
  @apply font-sans;
  @apply bg-alp-white text-alp-gray-900;
}
#alp-settings-page h1,
.alp-dialog h1 {
  @apply text-[2rem] leading-[2rem];
  @apply font-bold;
  @apply text-alp-gray-950;
}
#alp-settings-page h2,
.alp-dialog h2 {
  @apply text-[1.5rem] leading-[1.75rem];
  @apply font-semibold;
  @apply text-alp-gray-950;
}
#alp-settings-page h3,
.alp-dialog h3 {
  @apply text-[1.125rem] leading-[1.5rem];
  @apply font-semibold;
  @apply text-alp-gray-950;
}
#alp-settings-page h4,
.alp-dialog h4 {
  @apply text-[1.125rem] leading-[1.125rem];
  @apply font-semibold;
  @apply text-alp-gray-950;
}
#alp-settings-page h1,
#alp-settings-page h2,
#alp-settings-page h3,
#alp-settings-page h4,
#alp-settings-page h5,
#alp-settings-page h6,
.alp-dialog h1,
.alp-dialog h2,
.alp-dialog h3,
.alp-dialog h4,
.alp-dialog h5,
.alp-dialog h6 {
  @apply m-0 p-0;
}
#alp-settings-page p,
.alp-dialog p {
  @apply m-0 p-0;
  @apply text-base leading-6;
}
#alp-settings-page a:not(.alp-navigation-link),
.alp-dialog a:not(.alp-navigation-link) {
  @apply text-alp-blue-700 underline-offset-2;
  @apply transition duration-200 ease-in-out;
  @apply outline-transparent;
}
#alp-settings-page a:not(.alp-navigation-link):hover,
.alp-dialog a:not(.alp-navigation-link):hover {
  @apply underline underline-offset-2;
  @apply transition duration-200 ease-in-out;
}
#alp-settings-page a:not(.alp-navigation-link):focus,
.alp-dialog a:not(.alp-navigation-link):focus {
  @apply transition duration-200 ease-in-out;
}
#alp-settings-page a,
.alp-dialog a {
  @apply rounded-sm;
  box-shadow: none !important;
}
#alp-settings-page a:hover,
.alp-dialog a:hover {
  box-shadow: none !important;
}
#alp-settings-page a:focus,
.alp-dialog a:focus {
  box-shadow: none !important;
  @apply outline-alp-blue-400 focus:outline-2 focus:outline-offset-4 rounded-sm;
}
#alp-settings-page .alp-label,
#alp-settings-page label,
.alp-dialog .alp-label,
.alp-dialog label {
  @apply text-sm leading-none;
  @apply transition duration-200;
}
#alp-settings-page label,
.alp-dialog label {
  @apply group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50;
  @apply peer-disabled:cursor-not-allowed peer-disabled:opacity-50;
  @apply font-medium select-none;
  @apply text-alp-gray-950;
}
#alp-settings-page button,
.alp-dialog button {
  @apply cursor-pointer;
  @apply select-none;
}
#alp-settings-page button, #alp-settings-page input, #alp-settings-page textarea, #alp-settings-page select,
.alp-dialog button,
.alp-dialog input,
.alp-dialog textarea,
.alp-dialog select {
  @apply transition duration-200;
  @apply outline-transparent focus:outline-alp-blue-700 focus:outline-2 focus:outline-offset-0 rounded-lg;
}
#alp-settings-page .alp-text-input,
#alp-settings-page input[type=text],
#alp-settings-page input[type=email],
#alp-settings-page input[type=password],
#alp-settings-page input[type=number],
.alp-dialog .alp-text-input,
.alp-dialog input[type=text],
.alp-dialog input[type=email],
.alp-dialog input[type=password],
.alp-dialog input[type=number] {
  @apply flex h-11 min-h-11 w-full rounded-[0.5rem] text-base leading-[1.5rem];
  @apply px-3 py-2;
  @apply border border-alp-gray-500;
  @apply bg-alp-white;
  @apply text-alp-gray-900;
  @apply placeholder:text-alp-gray-900/50;
  @apply hover:border-alp-blue-500;
  @apply disabled:cursor-not-allowed disabled:opacity-50;
  @apply transition duration-200;
}
#alp-settings-page .alp-textarea,
#alp-settings-page textarea,
.alp-dialog .alp-textarea,
.alp-dialog textarea {
  @apply flex min-h-11 w-full rounded-[0.5rem] text-base leading-[1.5rem];
  @apply px-3 py-2;
  @apply border border-alp-gray-500;
  @apply bg-alp-white;
  @apply text-alp-gray-900;
  @apply placeholder:text-alp-gray-900/50;
  @apply hover:border-alp-blue-500;
  @apply disabled:cursor-not-allowed disabled:opacity-50;
  @apply transition duration-200;
}
#alp-settings-page .alp-textarea:disabled[name=current_alt_text], #alp-settings-page .alp-textarea:disabled[name=old_alt_text],
#alp-settings-page textarea:disabled[name=current_alt_text],
#alp-settings-page textarea:disabled[name=old_alt_text],
.alp-dialog .alp-textarea:disabled[name=current_alt_text],
.alp-dialog .alp-textarea:disabled[name=old_alt_text],
.alp-dialog textarea:disabled[name=current_alt_text],
.alp-dialog textarea:disabled[name=old_alt_text] {
  @apply cursor-text opacity-100;
  @apply bg-alp-gray-50;
}
#alp-settings-page .alp-checkbox,
#alp-settings-page input[type=checkbox],
.alp-dialog .alp-checkbox,
.alp-dialog input[type=checkbox] {
  @apply flex items-center justify-center;
  @apply appearance-none cursor-pointer;
  @apply size-6 min-h-6 min-w-6;
  @apply m-0 p-0;
  @apply rounded-[0.5rem];
  @apply border border-alp-gray-500;
  @apply bg-alp-white;
  @apply hover:border-alp-blue-500;
  @apply disabled:cursor-not-allowed disabled:opacity-50;
  @apply transition duration-200;
}
#alp-settings-page .alp-checkbox:checked:before,
#alp-settings-page input[type=checkbox]:checked:before,
.alp-dialog .alp-checkbox:checked:before,
.alp-dialog input[type=checkbox]:checked:before {
  @apply flex items-center justify-center;
  @apply size-3 min-h-3 min-w-3 m-0;
  @apply rounded-sm;
  @apply transition-all duration-200 ease-in-out;
  @apply bg-alp-blue-700;
  @apply animate-in fade-in zoom-in;
  content: "";
}
#alp-settings-page .alp-select,
#alp-settings-page select,
.alp-dialog .alp-select,
.alp-dialog select {
  @apply flex h-9 min-h-9 w-full rounded-[0.5rem];
  @apply px-3 py-2;
  @apply border border-alp-gray-500;
  @apply bg-alp-white;
  @apply text-base leading-3 text-alp-gray-900;
  @apply placeholder:text-alp-gray-900/50;
  @apply hover:border-alp-blue-500;
  @apply disabled:cursor-not-allowed disabled:opacity-50;
  @apply transition duration-200;
  @apply max-w-80;
}
#alp-settings-page .alp-button,
#alp-settings-page button:not(.alp-navigation-link),
#alp-settings-page input[type=submit],
#alp-settings-page input[type=button],
.alp-dialog .alp-button,
.alp-dialog button:not(.alp-navigation-link),
.alp-dialog input[type=submit],
.alp-dialog input[type=button] {
  @apply flex items-center justify-center gap-2;
  @apply h-11 min-h-11 text-base leading-[1.5rem];
  @apply px-4 py-2;
  @apply rounded-[0.5rem];
  @apply font-semibold text-nowrap;
  @apply disabled:cursor-not-allowed disabled:opacity-50 disabled:filter disabled:grayscale dark:disabled:invert;
  @apply transition duration-200;
  @apply bg-alp-blue-100 text-alp-blue-700;
  @apply hover:bg-alp-blue-300 hover:text-alp-blue-700;
  @apply focus:bg-alp-blue-300 focus:text-alp-blue-700;
}
#alp-settings-page .alp-button:hover,
#alp-settings-page button:not(.alp-navigation-link):hover,
#alp-settings-page input[type=submit]:hover,
#alp-settings-page input[type=button]:hover,
.alp-dialog .alp-button:hover,
.alp-dialog button:not(.alp-navigation-link):hover,
.alp-dialog input[type=submit]:hover,
.alp-dialog input[type=button]:hover {
  text-decoration: none;
}
#alp-settings-page .alp-button.default,
#alp-settings-page button:not(.alp-navigation-link).default,
#alp-settings-page input[type=submit].default,
#alp-settings-page input[type=button].default,
.alp-dialog .alp-button.default,
.alp-dialog button:not(.alp-navigation-link).default,
.alp-dialog input[type=submit].default,
.alp-dialog input[type=button].default {
  @apply bg-alp-blue-100 text-alp-blue-700;
  @apply hover:bg-alp-blue-300 hover:text-alp-blue-700;
  @apply focus:bg-alp-blue-300 focus:text-alp-blue-700;
}
#alp-settings-page .alp-button.accent,
#alp-settings-page button:not(.alp-navigation-link).accent,
#alp-settings-page input[type=submit].accent,
#alp-settings-page input[type=button].accent,
.alp-dialog .alp-button.accent,
.alp-dialog button:not(.alp-navigation-link).accent,
.alp-dialog input[type=submit].accent,
.alp-dialog input[type=button].accent {
  @apply bg-alp-blue-700 text-alp-blue-25;
  @apply hover:bg-alp-blue-800 hover:text-alp-white;
  @apply focus:bg-alp-blue-800 focus:text-alp-white;
}
#alp-settings-page .alp-button.danger,
#alp-settings-page button:not(.alp-navigation-link).danger,
#alp-settings-page input[type=submit].danger,
#alp-settings-page input[type=button].danger,
.alp-dialog .alp-button.danger,
.alp-dialog button:not(.alp-navigation-link).danger,
.alp-dialog input[type=submit].danger,
.alp-dialog input[type=button].danger {
  @apply bg-alp-danger text-alp-white;
  @apply hover:bg-alp-danger/15 hover:text-alp-danger;
  @apply focus:bg-alp-danger/15 focus:text-alp-danger;
}
#alp-settings-page .alp-button.dark,
#alp-settings-page button:not(.alp-navigation-link).dark,
#alp-settings-page input[type=submit].dark,
#alp-settings-page input[type=button].dark,
.alp-dialog .alp-button.dark,
.alp-dialog button:not(.alp-navigation-link).dark,
.alp-dialog input[type=submit].dark,
.alp-dialog input[type=button].dark {
  @apply bg-alp-gray-950 text-alp-gray-25;
  @apply hover:bg-alp-blue-800 hover:text-alp-white;
  @apply focus:bg-alp-blue-800 focus:text-alp-white;
}
#alp-settings-page .alp-button.link,
#alp-settings-page button:not(.alp-navigation-link).link,
#alp-settings-page input[type=submit].link,
#alp-settings-page input[type=button].link,
.alp-dialog .alp-button.link,
.alp-dialog button:not(.alp-navigation-link).link,
.alp-dialog input[type=submit].link,
.alp-dialog input[type=button].link {
  @apply bg-transparent text-alp-blue-700;
  @apply hover:bg-transparent hover:text-alp-blue-700 hover:underline;
  @apply hover:bg-transparent focus:text-alp-blue-700;
}
#alp-settings-page .alp-button.inline-link,
#alp-settings-page button:not(.alp-navigation-link).inline-link,
#alp-settings-page input[type=submit].inline-link,
#alp-settings-page input[type=button].inline-link,
.alp-dialog .alp-button.inline-link,
.alp-dialog button:not(.alp-navigation-link).inline-link,
.alp-dialog input[type=submit].inline-link,
.alp-dialog input[type=button].inline-link {
  @apply p-0 w-auto h-auto;
  @apply bg-transparent text-alp-blue-700;
  @apply hover:bg-transparent hover:text-alp-blue-700 hover:underline;
  @apply focus:bg-transparent focus:text-alp-blue-700;
}
#alp-settings-page .alp-button.outline,
#alp-settings-page button:not(.alp-navigation-link).outline,
#alp-settings-page input[type=submit].outline,
#alp-settings-page input[type=button].outline,
.alp-dialog .alp-button.outline,
.alp-dialog button:not(.alp-navigation-link).outline,
.alp-dialog input[type=submit].outline,
.alp-dialog input[type=button].outline {
  @apply bg-alp-white text-alp-gray-700;
  @apply border border-alp-gray-300;
  @apply hover:bg-alp-white hover:text-alp-blue-700 hover:border-alp-blue-500;
  @apply focus:bg-alp-white focus:text-alp-blue-700 focus:border-alp-blue-500;
  @apply shadow-sm;
}
#alp-settings-page .alp-button.minimal,
#alp-settings-page button:not(.alp-navigation-link).minimal,
#alp-settings-page input[type=submit].minimal,
#alp-settings-page input[type=button].minimal,
.alp-dialog .alp-button.minimal,
.alp-dialog button:not(.alp-navigation-link).minimal,
.alp-dialog input[type=submit].minimal,
.alp-dialog input[type=button].minimal {
  @apply bg-transparent text-alp-gray-700;
  @apply border-transparent;
  @apply hover:bg-alp-white hover:text-alp-blue-700 hover:border-alp-blue-500;
  @apply focus:bg-alp-white focus:text-alp-blue-700 focus:border-alp-blue-500;
}
#alp-settings-page .alp-button.balance-ok,
#alp-settings-page button:not(.alp-navigation-link).balance-ok,
#alp-settings-page input[type=submit].balance-ok,
#alp-settings-page input[type=button].balance-ok,
.alp-dialog .alp-button.balance-ok,
.alp-dialog button:not(.alp-navigation-link).balance-ok,
.alp-dialog input[type=submit].balance-ok,
.alp-dialog input[type=button].balance-ok {
  @apply font-semibold;
  @apply bg-alp-white text-alp-blue-700;
  @apply hover:bg-alp-blue-800 hover:text-alp-white;
  @apply focus:bg-alp-blue-800 focus:text-alp-white;
}
#alp-settings-page .alp-button.large,
#alp-settings-page button:not(.alp-navigation-link).large,
#alp-settings-page input[type=submit].large,
#alp-settings-page input[type=button].large,
.alp-dialog .alp-button.large,
.alp-dialog button:not(.alp-navigation-link).large,
.alp-dialog input[type=submit].large,
.alp-dialog input[type=button].large {
  @apply h-10 min-h-10;
  @apply px-4 py-2;
}
#alp-settings-page .alp-button.inline,
#alp-settings-page button:not(.alp-navigation-link).inline,
#alp-settings-page input[type=submit].inline,
#alp-settings-page input[type=button].inline,
.alp-dialog .alp-button.inline,
.alp-dialog button:not(.alp-navigation-link).inline,
.alp-dialog input[type=submit].inline,
.alp-dialog input[type=button].inline {
  @apply w-auto;
}
#alp-settings-page .alp-button:not(.inline),
#alp-settings-page button:not(.alp-navigation-link):not(.inline),
#alp-settings-page input[type=submit]:not(.inline),
#alp-settings-page input[type=button]:not(.inline),
.alp-dialog .alp-button:not(.inline),
.alp-dialog button:not(.alp-navigation-link):not(.inline),
.alp-dialog input[type=submit]:not(.inline),
.alp-dialog input[type=button]:not(.inline) {
  @apply w-full;
}
#alp-settings-page .alp-form,
#alp-settings-page form,
.alp-dialog .alp-form,
.alp-dialog form {
  @apply flex flex-col gap-6;
  @apply w-full;
}
#alp-settings-page .alp-multi-multi-select,
.alp-dialog .alp-multi-multi-select {
  @apply flex flex-col gap-3 w-full;
  @apply relative;
}
#alp-settings-page .alp-multi-multi-select-selected,
.alp-dialog .alp-multi-multi-select-selected {
  @apply flex flex-wrap gap-2 items-center;
  @apply min-h-9 w-full rounded-[0.5rem];
  @apply px-1.5 py-1.5;
  @apply border border-alp-gray-500;
  @apply bg-alp-white;
  @apply text-sm text-alp-gray-900;
  @apply hover:border-alp-blue-500;
  @apply disabled:cursor-not-allowed disabled:opacity-50;
  @apply transition duration-200;
}
#alp-settings-page .alp-multi-multi-select-selected-item,
.alp-dialog .alp-multi-multi-select-selected-item {
  @apply flex flex-row items-center gap-1;
  @apply h-6 min-h-6 max-h-6 rounded-md;
  @apply border border-alp-gray-500;
  @apply px-1.5;
  @apply text-nowrap;
}
#alp-settings-page .alp-multi-multi-select-search-container,
.alp-dialog .alp-multi-multi-select-search-container {
  @apply w-full flex items-center gap-2;
}
#alp-settings-page .alp-multi-multi-select-search,
.alp-dialog .alp-multi-multi-select-search {
  @apply w-full border-none;
  @apply bg-transparent;
  @apply text-sm leading-5;
  @apply outline-transparent focus:outline-transparent;
}
#alp-settings-page .alp-multi-multi-select-search:focus,
.alp-dialog .alp-multi-multi-select-search:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
#alp-settings-page button.alp-multi-multi-select-remove-button,
.alp-dialog button.alp-multi-multi-select-remove-button {
  @apply flex items-center justify-center;
  color: inherit !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
#alp-settings-page .alp-multi-multi-select-dropdown,
.alp-dialog .alp-multi-multi-select-dropdown {
  @apply absolute z-10 left-0 top-full m-0;
  @apply w-full max-h-60 overflow-y-auto p-2;
  @apply bg-alp-white rounded-[0.5rem];
  @apply text-alp-gray-900 shadow-xl;
  @apply transition duration-200;
  @apply animate-in fade-in duration-500;
}
#alp-settings-page .alp-multi-multi-select-dropdown ul,
.alp-dialog .alp-multi-multi-select-dropdown ul {
  @apply list-none m-0 p-0;
}
#alp-settings-page .alp-multi-multi-select-dropdown li,
.alp-dialog .alp-multi-multi-select-dropdown li {
  @apply p-0 m-0;
}
#alp-settings-page .alp-multi-multi-select-dropdown button,
.alp-dialog .alp-multi-multi-select-dropdown button {
  justify-content: flex-start !important;
}
#alp-settings-page .alp-multi-multi-select-dropdown button:not(:hover),
.alp-dialog .alp-multi-multi-select-dropdown button:not(:hover) {
  background: transparent !important;
}
#alp-settings-page .alp-error,
.alp-dialog .alp-error {
  @apply flex flex-row items-center justify-start;
  @apply gap-2;
  @apply text-red-600 text-sm font-medium;
}
#alp-settings-page .alp-error p,
.alp-dialog .alp-error p {
  @apply text-sm leading-4;
}

.alp-sidebar {
  @apply sticky top-[32px];
  @apply flex;
  @apply flex-col justify-between;
  @apply min-h-full max-h-[100vh];
  @apply min-w-[300px] w-1/8;
  @apply py-10;
  height: calc(100vh - 32px);
}
.alp-sidebar[data-collapsed=true] {
  @apply w-auto min-w-auto;
}
.alp-sidebar[data-collapsed=true] .alp-navigation-item {
  @apply items-center justify-center;
  @apply px-10;
}
.alp-sidebar[data-collapsed=true] .alp-navigation-item .alp-navigation-link {
  @apply p-0;
  @apply items-center justify-center;
  @apply size-9;
}
.alp-sidebar[data-collapsed=true] .alp-navigation-item .alp-navigation-link .alp-navigation-icon {
  @apply size-5;
}
.alp-sidebar[data-collapsed=true] .alp-navigation-item .alp-navigation-link .alp-navigation-label {
  @apply hidden;
}
.alp-sidebar[data-collapsed=true] .alp-sidebar-balance a {
  @apply p-0;
}

.alp-sidebar-top {
  @apply flex flex-col gap-6 overflow-visible;
  @apply overflow-y-auto;
}

.alp-sidebar-bottom {
  @apply flex flex-col gap-6;
}

.alp-sidebar-branding {
  @apply flex gap-10 w-full pl-10;
}

.alp-sidebar-nav {
  @apply flex flex-col gap-2;
  @apply w-full;
}
.alp-sidebar-nav ul {
  @apply flex flex-col gap-1;
  @apply w-full;
}

.alp-navigation-item {
  @apply flex items-center gap-2;
  @apply text-base font-medium;
  @apply text-alp-gray-900;
  @apply relative overflow-visible;
  @apply px-8;
}
.alp-navigation-item .alp-navigation-link {
  @apply flex w-full items-center gap-4 min-h-10;
  @apply py-2 rounded-lg;
  @apply text-alp-gray-950;
  @apply hover:text-alp-blue-700;
  @apply focus:text-alp-blue-700;
  @apply px-2;
}
.alp-navigation-item .alp-navigation-link svg path {
  @apply text-alp-gray-600;
  @apply size-5 min-w-5 min-h-5;
  @apply fill-current;
  @apply transition-all duration-200 ease-in-out;
  fill: currentColor;
}
.alp-navigation-item:hover a {
  text-decoration: none;
}
.alp-navigation-item:hover svg path {
  @apply text-alp-blue-700;
}
.alp-navigation-item.active {
  @apply text-alp-gray-800;
}
.alp-navigation-item.active button {
  @apply bg-alp-gray-100;
}
.alp-navigation-item.active svg path {
  @apply text-alp-gray-800;
}

.alp-sidebar-balance {
  @apply flex flex-col gap-3;
  @apply px-9;
}

button.alp-balance-refresh {
  @apply flex items-center justify-center text-alp-white;
  @apply p-0 m-0 w-auto h-auto min-h-0 min-w-0 px-0;
  @apply rounded-full;
  padding: 0 !important;
}
button.alp-balance-refresh svg path {
  @apply text-alp-gray-950;
  @apply size-4 min-w-4 min-h-4;
  @apply fill-current;
  @apply transition-all duration-200 ease-in-out;
  fill: var(--color-alp-white);
}

.alp-balance {
  @apply flex flex-col gap-1 p-4 rounded-xl;
  @apply w-full;
  @apply bg-alp-blue-700;
}
.alp-balance.loading {
  @apply opacity-20;
  @apply cursor-wait;
  @apply pointer-events-none;
  @apply filter grayscale;
}
.alp-balance.empty {
  @apply bg-[#FFC6C6]/50 dark:bg-[#B42318]/10;
  @apply border border-[#FFC6C6] dark:border-[#B42318];
}
.alp-balance.empty .alp-balance-title {
  @apply text-[#B42318];
}
.alp-balance.empty .alp-balance-amount {
  @apply text-[#B42318];
}
.alp-balance.empty .alp-balance-progress {
  @apply bg-[#B42318];
}
.alp-balance.empty .alp-balance-progress-value {
  @apply bg-[#B42318];
}
.alp-balance.empty a#alp-buy-credits {
  @apply dark:text-[#B42318] dark:border-[#B42318];
  @apply dark:hover:bg-[#B42318]/10 dark:hover:text-[#B42318] dark:hover:border-[#B42318];
  @apply dark:focus:bg-[#B42318]/10 dark:focus:text-[#B42318] dark:focus:border-[#B42318];
}
.alp-balance.empty button.alp-balance-refresh {
  @apply text-[#B42318];
}
.alp-balance.empty button.alp-balance-refresh svg path {
  @apply text-[#B42318];
  @apply fill-current;
  fill: currentColor;
}

.alp-balance-header {
  @apply flex items-center justify-between;
  @apply w-full;
  @apply -mt-2 -mb-1;
}

.alp-balance-summary {
  @apply flex flex-col gap-3;
  @apply w-full;
}

.alp-balance-title {
  @apply font-medium text-sm;
  @apply text-alp-blue-400 dark:text-alp-blue-200;
}

.alp-balance-amount {
  @apply flex items-center gap-1;
  @apply text-[24px] font-semibold;
  @apply text-alp-white;
}

.alp-balance-slash {
  @apply font-normal;
  @apply text-alp-gray-950;
}

.alp-balance-progress {
  @apply flex items-center h-2 w-full overflow-hidden;
  @apply rounded-full;
  @apply bg-alp-blue-600;
}

.alp-balance-progress-value {
  @apply h-2;
  @apply rounded-full;
  @apply bg-alp-white;
  @apply animate-in fade-in slide-in-from-left duration-500 ease-in-out;
}

a.alp-button {
  text-decoration: none !important;
}
a.alp-button:hover {
  text-decoration: none !important;
}

@media screen and (max-width: 782px) {
  .alp-sidebar {
    height: calc(100vh - 46px);
    top: 46px;
  }
}
.alp-content-layout {
  @apply flex flex-col flex-1 gap-8 justify-between;
  @apply p-10;
  @apply bg-transparent border-l border-alp-gray-200;
  @apply relative;
}

#alp-settings-page .alp-app-header {
  @apply flex flex-col items-center justify-between gap-6;
  @apply w-full;
}
#alp-settings-page .alp-app-header-headline {
  @apply flex items-center justify-between;
  @apply pr-40 min-h-9;
  @apply w-full;
}
#alp-settings-page .alp-app-header-subline {
  @apply flex items-start justify-start;
  @apply w-full;
}
#alp-settings-page .alp-app-header-subline p {
  @apply max-w-[680px];
}
#alp-settings-page .alp-page-title {
  @apply text-alp-gray-900;
}
#alp-settings-page .alp-page-title h1 {
  @apply text-[26px] font-medium;
}

.alp-app-main {
  @apply flex flex-col gap-6 flex-1;
}

.alp-app-footer {
  @apply flex flex-wrap items-center justify-between gap-2;
  @apply w-full;
  @apply text-xs;
}

.alp-footer-navigation a {
  @apply text-alp-blue-700 underline-offset-2;
  @apply transition duration-200;
  @apply outline-transparent focus:outline-alp-blue-400 focus:outline-2 focus:outline-offset-4 rounded-sm;
}
.alp-footer-navigation a:hover {
  @apply underline underline-offset-2;
}
.alp-footer-navigation ul {
  @apply flex flex-row items-center gap-2;
}

.alp-footer-separator {
  @apply text-alp-gray-500;
}

.alp-card {
  @apply flex flex-col gap-3;
  @apply p-7 rounded-xl;
  @apply w-full;
  @apply bg-alp-white;
  @apply shadow-card/10 hover:shadow-card/20;
  @apply transition-shadow duration-200 ease-in-out;
}
.alp-card.disabled {
  @apply opacity-75 grayscale select-none;
}

.alp-skeleton {
  @apply flex;
  @apply bg-alp-gray-400;
  @apply rounded-md;
  @apply animate-pulse;
}

.alp-tab-actions-toolbar {
  @apply flex items-center justify-end gap-4;
  @apply absolute top-10 right-10;
  @apply z-10;
}
.alp-tab-actions-toolbar button,
.alp-tab-actions-toolbar a {
  font-weight: 500 !important;
}

.alp-toast-messages {
  @apply flex flex-col gap-4;
}

.alp-toast-message-container {
  @apply fixed bottom-0 right-0 left-0;
  @apply flex flex-col items-center justify-center gap-4;
  @apply z-999;
  @apply w-full;
  @apply mb-10;
}

.alp-toast-message {
  @apply flex flex-row justify-between gap-6 items-center;
  @apply px-5 py-2 rounded-xl;
  @apply animate-in fade-in slide-in-from-bottom;
  @apply text-alp-gray-950;
  @apply border border-alp-gray-200;
  @apply bg-alp-gray-100;
  @apply max-w-[400px];
}
.alp-toast-message.alp-success {
  @apply bg-[#E8FFE9];
  @apply text-[#0D5228];
  @apply border border-[#0D5228]/10;
}
.alp-toast-message.alp-error {
  @apply bg-[#FFC6C6];
  @apply text-[#B70606];
  @apply border border-[#B70606]/10;
}

.alp-toast-message-body {
  @apply flex flex-row gap-3;
  @apply w-full;
}

.alp-toast-message-icon {
  @apply flex items-center justify-center mt-0.5;
  @apply size-4 min-w-4 min-h-4;
}
.alp-toast-message-icon svg {
  @apply size-4 min-w-4 min-h-4;
}

.alp-toast-message-content {
  @apply flex flex-col gap-0 text-base;
  @apply w-full;
}

.alp-toast-message-title {
  @apply font-semibold;
}

.alp-toast-message-action {
  @apply flex items-center justify-end gap-2;
}

button.alp-toast-message-close {
  @apply p-0 size-2 h-2 min-w-2 min-h-2;
  padding: 0 !important;
}
button.alp-toast-message-close svg {
  @apply text-alp-gray-950;
}

.alp-fullscreen {
  @apply flex items-center justify-center;
  @apply w-full h-full;
  @apply overflow-hidden;
  @apply relative;
}

.alp-required {
  @apply text-alp-blue-700;
  @apply font-semibold;
  @apply px-1;
}

.alp-dialog {
  @apply relative z-9999;
}

.alp-dialog-wrapper {
  @apply fixed inset-0 overflow-y-auto;
}

.alp-dialog-content {
  @apply flex min-h-full items-center justify-center p-4 text-center;
}

.alp-dialog-icon {
  @apply flex items-center justify-center;
  @apply py-2;
  @apply z-1;
}
.alp-dialog-icon:before {
  content: "";
  position: absolute;
  z-index: 0;
  height: 340px;
  max-height: 340px;
  width: 100vw;
  background-image: url("../../images/radial-background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.alp-dialog-icon:before {
  background-image: url("../../images/dark-radial-background.png");
}

.alp-dialog-header {
  @apply flex flex-col gap-2 items-center justify-center text-center;
  @apply z-1;
}
.alp-dialog-header h3 {
  @apply text-[1rem];
}
.alp-dialog-header p {
  @apply text-sm;
}

.alp-dialog-body {
  @apply flex flex-col;
  @apply w-full;
  @apply z-1;
}

.alp-dialog-footer {
  @apply flex flex-col xs:flex-row items-center justify-between gap-4;
}

.apl-dialog-overlay {
  @apply fixed inset-0 bg-alp-gray-900/75 dark:bg-alp-gray-50/90;
}

.alp-dialog-panel {
  @apply flex flex-col gap-4 relative;
  @apply w-full max-w-2xl p-6;
  @apply transform rounded-[1rem];
  @apply bg-alp-white;
  @apply text-left align-middle shadow-xl;
  @apply transition-all;
  @apply overflow-hidden;
}

.alp-dialog-borderless .alp-dialog-panel {
  @apply max-w-[960px];
  @apply p-0;
}

button.alp-dialog-close-button {
  @apply absolute;
  @apply bg-transparent hover:bg-transparent focus:bg-transparent;
  @apply text-alp-gray-400 hover:text-alp-gray-900 focus:text-alp-gray-900;
  @apply top-4 right-4;
  @apply size-10 min-w-10 min-h-10 rounded-[1rem] p-0;
  @apply flex items-center justify-center;
  @apply z-2;
  border: none !important;
  background-color: transparent !important;
  color: var(--color-gray-400) !important;
}

.alp-dialog-important {
  @apply flex flex-row;
  @apply border border-alp-blue-400;
  @apply bg-alp-blue-50;
  @apply p-4 rounded-md;
}

.alp-divider {
  @apply flex items-center justify-center;
  @apply w-full h-[1px] min-h-[1px] max-h-[1px] bg-alp-gray-100;
}

.alp-empty {
  @apply flex flex-row items-center justify-center;
  @apply gap-4 p-10;
  @apply w-full h-full;
}

.alp-empty-icon {
  @apply flex items-center justify-center;
  @apply text-[16px];
}

.alp-empty-message {
  @apply text-sm;
}

.alp-images-list-pagination {
  @apply flex flex-row items-center justify-between text-[15px] font-medium;
  @apply w-full;
}
.alp-images-list-pagination button {
  font-size: 15px !important;
}

.alp-images-pagination-controls {
  @apply flex flex-row items-center justify-between gap-2 w-full;
}

.alp-images-pagination-pages {
  @apply flex flex-row items-center justify-center gap-0.5 flex-2;
}

.alp-notice-message {
  @apply flex flex-row justify-between gap-x-4 gap-y-2 flex-wrap md:flex-nowrap;
  @apply p-3;
  @apply rounded-xl;
  @apply bg-alp-gray-50;
  @apply border border-alp-gray-200;
}

.alp-notice-message-content {
  @apply flex flex-row gap-x-4 gap-y-2 justify-start items-center flex-wrap md:flex-nowrap;
}

.alp-notice-message-icon {
  @apply flex items-center justify-center rounded-xl;
  @apply text-xl;
  @apply bg-alp-white;
  @apply border border-alp-gray-300;
  @apply shadow-sm;
  @apply size-12 min-w-12 min-h-12 w-12 h-12;
}

.alp-notice-message-text {
  @apply flex flex-row gap-x-2 gap-y-1.5 flex-wrap text-[15px];
}

.alp-notice-message-button {
  @apply flex items-center justify-center;
  @apply text-nowrap;
}
.alp-notice-message-button a {
  font-weight: 500 !important;
  font-size: 14px !important;
}

.alp-images-list {
  @apply flex flex-col gap-6;
}

.alp-images-list-header {
  @apply flex flex-row gap-6 items-center;
  @apply w-full;
  @apply font-semibold text-alp-gray-800 text-sm;
}

.alp-images-list-items {
  @apply flex flex-col gap-2 items-start justify-start;
  @apply w-full;
}

.alp-image-item {
  @apply flex flex-col lg:flex-row relative;
  @apply items-center justify-between gap-6;
  @apply w-full;
}

.alp-image-checkbox {
  @apply flex items-center justify-center;
}

.alp-image-preview {
  @apply flex items-start justify-start bg-alp-gray-200;
  @apply w-[65px] h-[65px] min-w-[65px] min-h-[65px] max-w-[65px] max-h-[65px];
  @apply rounded-lg relative text-xs;
  @apply overflow-hidden;
  @apply bg-center bg-no-repeat bg-cover;
}

.alp-image-view-link {
  @apply flex items-center justify-center;
  @apply absolute top-2 right-2;
  @apply bg-alp-white/50 backdrop-blur-2xl;
  @apply size-4 min-w-4 min-h-4;
  @apply rounded-xl;
}

.alp-image-details {
  @apply flex flex-col gap-3 w-full;
}

.alp-image-bar {
  @apply flex flex-col xs:flex-row gap-3;
  @apply items-start xs:items-center justify-between;
  @apply w-full;
}

.alp-image-alt {
  @apply flex flex-col gap-2 max-w-[680px];
  @apply text-sm;
}

.alp-image-info {
  @apply flex flex-row gap-6 text-[14px];
}

.alp-image-locale {
  @apply flex items-center gap-2;
}

.alp-image-updated {
  @apply flex items-center gap-2;
}

.alp-image-locale span,
.alp-image-updated span {
  @apply text-xs font-semibold;
}

.alp-image-icon {
  @apply hidden xs:flex;
  @apply items-center justify-center;
  @apply size-9 min-h-9 min-w-9;
  @apply rounded-lg;
  @apply bg-alp-gray-100;
}
.alp-image-icon img {
  @apply size-4 max-w-4 max-h-4 min-w-4 min-h-4 rounded-md object-cover;
}

.alp-bulk-action-button {
  @apply absolute top-10 right-10;
}

.alp-button-caption {
  @apply hidden text-nowrap xl:flex;
}

.alp-bulk-progress {
  @apply flex items-center justify-between gap-1;
  @apply w-full h-2;
  @apply rounded-xl;
  @apply overflow-hidden;
  @apply bg-alp-gray-200;
}

.alp-bulk-progress-item {
  @apply flex items-center justify-center;
  @apply h-full;
  @apply rounded-xl;
  @apply bg-alp-blue-700;
}

.alp-image-language-bar {
  @apply flex flex-row items-center;
}

.alp-image-language-buttons {
  @apply flex flex-row items-center gap-2;
}

.alp-image-language-item {
  font-size: 12px !important;
}
.alp-image-language-item.alp-active {
  background-color: var(--color-alp-gray-950) !important;
  color: #ffffff !important;
  cursor: default !important;
}

.alp-image-actions {
  @apply flex items-center h-6 min-h-6 max-h-6;
}
.alp-image-actions button {
  @apply text-xs text-alp-gray-400 p-0 h-8 w-8 size-8 min-w-8 max-h-8;
  min-height: 0 !important;
  padding: 0 !important;
}
.alp-image-actions button:hover {
  @apply text-alp-blue-700;
}
.alp-image-actions button:first-child {
  border-radius: 0.5rem 0 0 0.5rem !important;
}
.alp-image-actions button:last-child {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

#alp-settings-page {
  @apply absolute w-full;
}
#alp-settings-page .alp-form-field-group {
  @apply flex flex-col gap-3;
}
#alp-settings-page .alp-form-field-group.alp-form-field-checkbox-group {
  @apply border border-alp-gray-500;
  @apply rounded-xl p-4 text-[16px];
  @apply hover:border-alp-blue-400;
  @apply relative;
  @apply pr-0 lg:pr-[100px];
  @apply max-w-[800px];
}
#alp-settings-page .alp-form-field-group.alp-form-field-checkbox-group.checked {
  @apply border-2 border-alp-blue-700;
}
#alp-settings-page .alp-form-field-group.alp-form-field-checkbox-group label,
#alp-settings-page .alp-form-field-group.alp-form-field-checkbox-group .alp-helper-text {
  @apply text-[16px] leading-5;
}
#alp-settings-page .alp-form-field-group.alp-form-field-checkbox-group .alp-checkbox-badge {
  @apply hidden lg:flex;
  @apply items-center justify-center;
  @apply absolute top-4 right-4;
  @apply min-h-6 px-2;
  @apply text-sm;
  @apply border border-alp-gray-500;
  @apply rounded-lg;
}
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group {
  @apply max-w-[800px] gap-2;
}
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key {
  @apply flex flex-row gap-1 w-full items-center justify-between;
  @apply border border-alp-gray-500 rounded-lg;
  @apply bg-alp-white;
  @apply text-alp-gray-900;
  @apply hover:border-alp-blue-500;
  @apply transition duration-200;
  outline: transparent 1px solid !important;
}
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key:focus-within {
  @apply border-alp-blue-700;
  outline: var(--color-alp-blue-700) 1px solid !important;
}
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key input[type=text],
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key input[type=password] {
  max-width: unset !important;
  border: none !important;
}
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key input[type=text]:hover, #alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key input[type=text]:focus,
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key input[type=password]:hover,
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-form-field-api-key input[type=password]:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
#alp-settings-page .alp-form-field-group.alp-form-field-api-key-group .alp-key-name {
  @apply flex items-center min-h-7 px-2 mx-2;
  @apply border border-alp-gray-500;
  @apply rounded-lg;
  @apply bg-alp-white;
  @apply text-sm;
}
#alp-settings-page .alp-form-field {
  @apply flex flex-col lg:flex-row gap-2;
  @apply items-start lg:items-center;
  @apply w-full;
}
#alp-settings-page .alp-helper-text {
  @apply max-w-[680px];
  @apply text-sm;
}
#alp-settings-page .alp-tab-settings input[type=text],
#alp-settings-page .alp-tab-settings .alp-multi-multi-select {
  @apply max-w-80;
}
#alp-settings-page .alp-tab-settings textarea {
  max-width: 450px !important;
}

.alp-logs-list {
  @apply flex flex-col gap-3;
  @apply text-sm;
}

.alp-logs-list-items {
  @apply flex flex-col gap-3 items-start justify-start;
  @apply w-full;
}

.alp-log-header {
  @apply flex flex-row gap-6 items-center;
  @apply w-full;
  @apply font-medium text-alp-gray-500;
}

.alp-log-item {
  @apply flex flex-col lg:flex-row relative;
  @apply items-center justify-between gap-x-6 gap-y-4;
  @apply w-full;
}

.alp-log-checkbox {
  @apply flex items-center justify-center;
  @apply absolute lg:relative top-4 left-4 lg:top-auto lg:left-auto;
  @apply z-8;
}

.alp-log-message {
  @apply flex max-w-[680px];
  @apply text-sm;
}

.alp-log-updated {
  @apply flex items-center gap-2;
  @apply text-alp-gray-950;
}

.alp-log-status {
  @apply flex items-start;
  @apply w-1/4 max-w-1/4 min-w-1/4;
}
.alp-log-status span {
  @apply flex items-center justify-center;
  @apply text-xs font-medium;
  @apply border;
  @apply whitespace-nowrap text-nowrap;
  @apply px-2 py-1;
  @apply rounded-xl;
  @apply bg-alp-gray-100 dark:bg-alp-gray-800/20;
  @apply text-alp-gray-700 dark:text-alp-gray-800;
  @apply border-alp-gray-200 dark:border-alp-gray-700;
}
.alp-log-status.alp-completed span {
  @apply bg-[#ECFDF3] dark:bg-[#134E4A]/20;
  @apply text-[#067647] dark:text-[#A7F3D0]/80;
  @apply border-[#ABEFC6] dark:border-[#134E4A];
}
.alp-log-status.alp-failed span {
  @apply bg-[#FEF3F2] dark:bg-[#581C1C]/20;
  @apply text-[#B42318] dark:text-[#FCA5A5]/80;
  @apply border-[#FECDCA] dark:border-[#581C1C];
}

.alp-log-created {
  @apply flex items-start;
  @apply w-1/2 max-w-1/2 min-w-1/2;
}
.alp-log-created span {
  @apply whitespace-break-spaces;
}

.alp-log-lang {
  @apply flex items-start;
  @apply w-1/4 max-w-1/4 min-w-1/4;
}
.alp-log-lang span {
  @apply uppercase;
}

.alp-welcome-box {
  @apply flex flex-col gap-6;
  @apply w-[360px] max-w-[360px];
}
.alp-welcome-box .alp-welcome-icon {
  @apply flex items-center justify-center;
  @apply text-[64px];
}
.alp-welcome-box .alp-welcome-icon:before {
  content: "";
  position: absolute;
  z-index: 1;
  height: 480px;
  max-height: 100vh;
  width: 100vw;
  background-image: url("../../images/radial-background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.alp-welcome-box .alp-welcome-title {
  @apply text-center z-2;
}
.alp-welcome-box .alp-welcome-description {
  @apply text-center z-2;
}
.alp-welcome-box .alp-form {
  @apply z-2;
}
.alp-welcome-box .alp-welcome-buttons {
  @apply flex flex-row gap-4 items-center justify-center z-1;
}

.dark .alp-welcome-icon:before {
  background-image: url("../../images/dark-radial-background.png");
}

.alp-youtube-video {
  @apply w-full h-full;
  @apply aspect-video;
  @apply rounded-lg;
  @apply overflow-hidden;
}

.alp-youtube-video-iframe {
  @apply w-full h-full;
}

@plugin 'tailwindcss-animate';
@custom-variant dark (&:where(.dark, .dark *));
@theme {
  --breakpoint-xs: 30rem /* 480px */;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --color-alp-blue-950: #0E2B6C;
  --color-alp-blue-900: #1250ED;
  --color-alp-blue-800: #023FDC;
  --color-alp-blue-700: #0048FE;
  --color-alp-blue-600: #73A4FF;
  --color-alp-blue-500: #98BFFF;
  --color-alp-blue-400: #B4D2FF;
  --color-alp-blue-300: #C8E0FF;
  --color-alp-blue-200: #D9EAFF;
  --color-alp-blue-100: #EAF2FF;
  --color-alp-blue-50: #F5FAFF;
  --color-alp-blue-25: #FCFDFF;
  --color-alp-gray-950: #19202A;
  --color-alp-gray-900: #596575;
  --color-alp-gray-800: #768498;
  --color-alp-gray-700: #808FA4;
  --color-alp-gray-600: #AEBDD2;
  --color-alp-gray-500: #C4D0E0;
  --color-alp-gray-400: #D2DBE7;
  --color-alp-gray-300: #DAE2EC;
  --color-alp-gray-200: #E3E9F1;
  --color-alp-gray-100: #ECF1F7;
  --color-alp-gray-50: #F6F9FE;
  --color-alp-gray-25: #FBFCFE;
  --color-alp-white: #ffffff;
  --color-alp-danger: #db0024;
  --color-alp-success: #0D5228;
  --shadow-card: 0 2px 14px 0 rgba(95, 107, 120);
  /* wp-blue */
  --color-wp-blue-0: #f0f6fc;
  --color-wp-blue-5: #c5d9ed;
  --color-wp-blue-10: #9ec2e6;
  --color-wp-blue-20: #72aee6;
  --color-wp-blue-30: #4f94d4;
  --color-wp-blue-40: #3582c4;
  --color-wp-blue-50: #2271b1;
  --color-wp-blue-60: #135e96;
  --color-wp-blue-70: #0a4b78;
  --color-wp-blue-80: #043959;
  --color-wp-blue-90: #01263a;
  --color-wp-blue-100: #00131c;
  /* wp-gray */
  --color-wp-gray-0: #f6f7f7;
  --color-wp-gray-2: #f0f0f1;
  --color-wp-gray-5: #dcdcde;
  --color-wp-gray-10: #c3c4c7;
  --color-wp-gray-20: #a7aaad;
  --color-wp-gray-30: #8c8f94;
  --color-wp-gray-40: #787c82;
  --color-wp-gray-50: #646970;
  --color-wp-gray-60: #50575e;
  --color-wp-gray-70: #3c434a;
  --color-wp-gray-80: #2c3338;
  --color-wp-gray-90: #1d2327;
  --color-wp-gray-100: #101517;
  /* wo-red */
  --color-wo-red-0: #fcf0f1;
  --color-wo-red-5: #facfd2;
  --color-wo-red-10: #ffabaf;
  --color-wo-red-20: #ff8085;
  --color-wo-red-30: #f86368;
  --color-wo-red-40: #e65054;
  --color-wo-red-50: #d63638;
  --color-wo-red-60: #b32d2e;
  --color-wo-red-70: #8a2424;
  --color-wo-red-80: #691c1c;
  --color-wo-red-90: #451313;
  --color-wo-red-100: #240a0a;
  /* wp-yellow */
  --color-wp-yellow-0: #fcf9e8;
  --color-wp-yellow-5: #f5e6ab;
  --color-wp-yellow-10: #f2d675;
  --color-wp-yellow-20: #f0c33c;
  --color-wp-yellow-30: #dba617;
  --color-wp-yellow-40: #bd8600;
  --color-wp-yellow-50: #996800;
  --color-wp-yellow-60: #755100;
  --color-wp-yellow-70: #614200;
  --color-wp-yellow-80: #4a3200;
  --color-wp-yellow-90: #362400;
  --color-wp-yellow-100: #211600;
  /* wp-green */
  --color-wp-green-0: #edfaef;
  --color-wp-green-5: #b8e6bf;
  --color-wp-green-10: #68de7c;
  --color-wp-green-20: #1ed14b;
  --color-wp-green-30: #00ba37;
  --color-wp-green-40: #00a32a;
  --color-wp-green-50: #008a20;
  --color-wp-green-60: #007017;
  --color-wp-green-70: #005c12;
  --color-wp-green-80: #00450c;
  --color-wp-green-90: #003008;
  --color-wp-green-100: #001c05;
}
.dark {
  --color-alp-blue-25: #0c111c;
  --color-alp-blue-50: #111725;
  --color-alp-blue-100: #172448;
  --color-alp-blue-200: #1d2e61;
  --color-alp-blue-300: #243974;
  --color-alp-blue-400: #2d4484;
  --color-alp-blue-500: #375098;
  --color-alp-blue-600: #405eb2;
  --color-alp-blue-700: #3d63dd;
  --color-alp-blue-800: #3f5cb0;
  --color-alp-blue-900: #93b4ff;
  --color-alp-blue-950: #d5e2ff;
  --color-alp-gray-25: #111113;
  --color-alp-gray-50: #19191b;
  --color-alp-gray-100: #222325;
  --color-alp-gray-200: #292a2e;
  --color-alp-gray-300: #303136;
  --color-alp-gray-400: #393a40;
  --color-alp-gray-500: #46484f;
  --color-alp-gray-600: #5f606a;
  --color-alp-gray-700: #6c6e79;
  --color-alp-gray-800: #797b86;
  --color-alp-gray-900: #b2b3bd;
  --color-alp-gray-950: #eeeef0;
  --color-alp-white: #111111;
  --color-alp-danger: #ff5c6a;
  --color-alp-success: #3ad97a;
  --shadow-card: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
}

.alp-logo-sign {
  fill: #0048fe;
}

.alp-logo-name {
  fill: #081433;
}

.dark .alp-logo-name {
  fill: #d5e2ff;
}

.toplevel_page_altpilot .notice {
  display: none !important;
}