/* projects/angular-libs/dialog/src/styles/core.css */
dialog.al-dialog {
  --al-dialog-bg: #ffffff;
  --al-dialog-color: #333333;
  --al-dialog-border: none;
  --al-dialog-border-radius: 8px;
  --al-dialog-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  --al-dialog-backdrop: rgba(0, 0, 0, 0.3);
  --al-dialog-accent: #007bff;
  --al-dialog-font-family:
    system-ui,
    -apple-system,
    sans-serif;
  --al-dialog-header-bg: transparent;
  --al-dialog-header-border-color: #eeeeee;
  --al-dialog-header-padding: 16px;
  --al-dialog-title-color: #111111;
  --al-dialog-subtitle-color: #666666;
  --al-dialog-content-padding: 0 16px;
  --al-dialog-footer-bg: transparent;
  --al-dialog-footer-border-color: #eeeeee;
  --al-dialog-footer-padding: 16px;
  --al-btn-primary-bg: var(--al-dialog-accent);
  --al-btn-primary-color: #ffffff;
  --al-btn-primary-hover-bg: #0069d9;
  --al-btn-secondary-bg: #e0e0e0;
  --al-btn-secondary-color: #333333;
  --al-btn-secondary-hover-bg: #c8c8c8;
  --al-action-btn-hover-bg: #f5f5f5;
  --al-action-btn-hover-color: #333333;
  --al-minimized-width: 150px;
  --al-minimized-height: 100px;
  --al-minimized-border: 1px solid rgba(15, 23, 42, 0.14);
  --al-minimized-shadow: 0 16px 36px rgba(15, 23, 42, 0.2);
  --al-minimized-border-radius: 10px;
  --al-toast-inset: 16px;
  --al-toast-stack-offset: 0px;
  --al-toast-max-width: min(360px, calc(100vw - 32px));
  box-sizing: border-box !important;
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 0;
  border: var(--al-dialog-border);
  background: transparent;
  overflow: visible;
  outline: none;
  border-radius: var(--al-dialog-border-radius);
  box-shadow: var(--al-dialog-shadow);
  width: max-content;
  height: max-content;
  max-width: 90vw;
  max-height: 90vh;
}
@media (prefers-color-scheme: dark) {
  dialog.al-dialog {
    --al-dialog-bg: #1e1e1e;
    --al-dialog-color: #e8e8e8;
    --al-dialog-border: 1px solid #333333;
    --al-dialog-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    --al-dialog-backdrop: rgba(0, 0, 0, 0.55);
    --al-dialog-accent: #3b82f6;
    --al-dialog-header-border-color: #333333;
    --al-dialog-title-color: #f5f5f5;
    --al-dialog-subtitle-color: #a3a3a3;
    --al-dialog-footer-border-color: #333333;
    --al-btn-primary-hover-bg: #2563eb;
    --al-btn-secondary-bg: #333333;
    --al-btn-secondary-color: #e8e8e8;
    --al-btn-secondary-hover-bg: #404040;
    --al-action-btn-hover-bg: #2a2a2a;
    --al-action-btn-hover-color: #f5f5f5;
    --al-minimized-border: 1px solid rgba(255, 255, 255, 0.12);
    --al-minimized-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
  }
}
dialog.al-dialog::backdrop {
  background: var(--al-dialog-backdrop);
}
dialog.al-dialog:fullscreen,
dialog.al-dialog:has(:fullscreen),
dialog.al-dialog.al-dialog-maximized {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  --al-dialog-border-radius: 0 !important;
  transform: none !important;
  resize: none !important;
}
dialog.al-dialog.al-dialog-no-backdrop::backdrop {
  background: transparent;
}
@media (max-width: 639.98px) {
  dialog.al-dialog.al-dialog-fullscreen-below-sm {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    --al-dialog-border-radius: 0 !important;
    transform: none !important;
    resize: none !important;
  }
}
@media (max-width: 767.98px) {
  dialog.al-dialog.al-dialog-fullscreen-below-md {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    --al-dialog-border-radius: 0 !important;
    transform: none !important;
    resize: none !important;
  }
}
@media (max-width: 1023.98px) {
  dialog.al-dialog.al-dialog-fullscreen-below-lg {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    --al-dialog-border-radius: 0 !important;
    transform: none !important;
    resize: none !important;
  }
}
@media (max-width: 1279.98px) {
  dialog.al-dialog.al-dialog-fullscreen-below-xl {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    --al-dialog-border-radius: 0 !important;
    transform: none !important;
    resize: none !important;
  }
}
dialog.al-dialog.al-dialog-minimized {
  position: fixed !important;
  inset: auto !important;
  bottom: 24px !important;
  left: 24px !important;
  width: var(--al-minimized-width) !important;
  min-width: var(--al-minimized-width) !important;
  max-width: var(--al-minimized-width) !important;
  height: var(--al-minimized-height) !important;
  min-height: var(--al-minimized-height) !important;
  max-height: var(--al-minimized-height) !important;
  resize: none !important;
  transform: none !important;
  margin: 0 !important;
  border: var(--al-minimized-border) !important;
  border-radius: var(--al-minimized-border-radius) !important;
  --al-dialog-border-radius: var(--al-minimized-border-radius) !important;
  background: var(--al-dialog-bg) !important;
  box-shadow: var(--al-minimized-shadow) !important;
  overflow: hidden;
  z-index: 1000;
  cursor: pointer;
  pointer-events: auto !important;
}
dialog.al-dialog.al-dialog-minimized > * {
  display: block !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  transform: scale(0.25) !important;
  transform-origin: top left !important;
  width: 400% !important;
  height: 400% !important;
}
dialog.al-dialog.al-dialog-toast {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0 !important;
  transform: none !important;
  z-index: 10050;
  width: max-content;
  max-width: var(--al-toast-max-width);
  max-height: none;
  box-shadow: var(--al-dialog-shadow);
  background: var(--al-dialog-bg);
  border: var(--al-dialog-border);
  pointer-events: auto;
}
dialog.al-dialog.al-dialog-toast.al-toast-bottom-right {
  bottom: calc(var(--al-toast-inset) + var(--al-toast-stack-offset)) !important;
  right: var(--al-toast-inset) !important;
  top: auto !important;
  left: auto !important;
}
dialog.al-dialog.al-dialog-toast.al-toast-bottom-left {
  bottom: calc(var(--al-toast-inset) + var(--al-toast-stack-offset)) !important;
  left: var(--al-toast-inset) !important;
  top: auto !important;
  right: auto !important;
}
dialog.al-dialog.al-dialog-toast.al-toast-top-right {
  top: calc(var(--al-toast-inset) + var(--al-toast-stack-offset)) !important;
  right: var(--al-toast-inset) !important;
  bottom: auto !important;
  left: auto !important;
}
dialog.al-dialog.al-dialog-toast.al-toast-top-left {
  top: calc(var(--al-toast-inset) + var(--al-toast-stack-offset)) !important;
  left: var(--al-toast-inset) !important;
  bottom: auto !important;
  right: auto !important;
}
dialog.al-dialog.al-dialog-toast .al-dialog-container {
  min-width: 0;
  min-height: 0;
  width: 100%;
}
dialog.al-dialog.al-dialog-toast .al-dialog-header {
  border-bottom: none;
  padding: 10px 10px 0 14px;
  align-items: center;
}
dialog.al-dialog.al-dialog-toast .al-dialog-content {
  overflow: visible;
  padding: 8px 14px 12px;
}
dialog.al-dialog.al-dialog-toast .al-dialog-content p {
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}
dialog.al-dialog.al-dialog-toast .al-dialog-title {
  font-size: 0.875rem;
  margin: 0;
}
dialog.al-dialog.al-dialog-toast .al-dialog-footer {
  display: none;
}
dialog.al-dialog.al-dialog-anim-fade-enter {
  animation: al-dialog-fade-in 0.15s ease-out;
}
dialog.al-dialog.al-dialog-anim-fade-leave {
  animation: al-dialog-fade-out 0.15s ease-in forwards;
}
@keyframes al-dialog-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes al-dialog-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  dialog.al-dialog.al-dialog-anim-fade-enter,
  dialog.al-dialog.al-dialog-anim-fade-leave {
    animation: none;
  }
}

/* projects/angular-libs/dialog/src/styles/window.css */
:root {
  --al-dock-bg: rgba(255, 255, 255, 0.4);
  --al-dock-backdrop-filter: blur(12px);
  --al-dock-border: 1px solid rgba(15, 23, 42, 0.08);
  --al-dock-padding: 10px 18px;
  --al-dock-border-radius: 18px;
  --al-dock-box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  --al-dock-gap: 16px;
}
.al-dialog-taskbar {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  gap: var(--al-dock-gap);
  z-index: 10000;
  pointer-events: none;
  background: var(--al-dock-bg);
  backdrop-filter: var(--al-dock-backdrop-filter);
  -webkit-backdrop-filter: var(--al-dock-backdrop-filter);
  border: var(--al-dock-border);
  padding: var(--al-dock-padding);
  border-radius: var(--al-dock-border-radius);
  box-shadow: var(--al-dock-box-shadow);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.25, 1), opacity 0.3s ease;
  opacity: 1;
}
.al-dialog-taskbar.al-autohide {
  transform: translate(-50%, calc(100% - 6px));
  opacity: 0.1;
}
.al-dialog-taskbar.al-autohide:hover {
  transform: translateX(-50%);
  opacity: 1;
}
.al-dialog-taskbar.al-autohide::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  bottom: -32px;
  pointer-events: auto;
}
.al-dialog-taskbar dialog.al-dialog.al-dialog-minimized {
  position: relative !important;
  inset: auto !important;
  bottom: auto !important;
  left: auto !important;
}
.al-tile-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}
.al-tile-overlay.al-visible {
  opacity: 1;
}
.al-tile-grid {
  display: grid;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.al-tile-cell {
  background: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  box-sizing: border-box;
  cursor: pointer;
}
.al-tile-cell.al-selected {
  background: rgba(0, 125, 255, 0.2) !important;
  border: 2px solid rgba(0, 125, 255, 0.3) !important;
  box-shadow: 0 0 8px rgba(0, 125, 255, 0.2) !important;
}
.al-dialog-draggable {
  touch-action: none;
}
.al-dialog-drag-handle {
  cursor: move;
  -webkit-user-select: none;
  user-select: none;
}

/* projects/angular-libs/dialog/src/styles.css */

/* projects/demo/src/styles.css */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  background-color: #f1f5f9;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */