/* src/styles.css */
:root {
  --sidebar-width-collapsed: 70px;
  --sidebar-width-expanded: 240px;
  --info-bg: #e0f3ff;
  --info-border: #a6d1ff;
  --info-icon: #3178c6;
  --radius: 8px;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
img,
video {
  max-width: 100%;
  height: auto;
}
.card-message {
  display: flex;
  align-items: center;
  background-color: var(--info-bg);
  border: 1px solid var(--info-border);
  border-radius: var(--radius);
  padding: 1rem;
  margin: 1rem 0 1rem 12vw;
  width: 75vw;
}
.card-message__icon {
  font-size: 24px;
  color: var(--info-icon);
  margin-right: 1rem;
}
.card-message__title {
  font-size: 1.25rem;
  margin: 0 0 0.25rem 0;
}
.card-message__text {
  margin: 0;
  color: var(--text-secondary);
}
@media (min-width: 769px) {
  body {
    margin-left: var(--sidebar-width-collapsed);
    transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.sidebar-expanded {
    margin-left: var(--sidebar-width-expanded);
  }
}
@media (max-width: 768px) {
  body {
    margin-left: 0;
    padding-top: 0;
  }
  body:has(.navbar) {
    padding-top: 64px;
  }
}

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