/* src/style.less */
@font-face {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./fa-regular-400-LBQEIAJB.woff2");
  unicode-range: U+f000 -uf2e0;
}
@font-face {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./fa-solid-900-XY6737PV.woff2");
  unicode-range: U+f000 -uf2e0;
}
:root {
  --lions-primary-blue: #00338d;
  --lions-primary-yellow: #ebb700;
  --lions-primary-purple: #7a2582;
  --lions-secondary-blue: #407cca;
  --lions-secondary-gray: #55565a;
  --lions-secondary-dark-blue: #0d2240;
  --lions-secondary-green: #00ab78;
  --lions-secondary-light-gray: #b3b2b1;
  --lions-secondary-orange: #ff5b35;
  --white: #ffffff;
  --black: #000000;
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
* {
  box-sizing: border-box;
  margin: 0;
}
.scheme-a {
  background-color: var(--white);
  color: var(--black);
}
.scheme-b {
  background-color: var(--lions-primary-blue);
  color: var(--white);
}
html {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100vh;
  background-color: var(--white);
  color: var(--black);
}
body {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
}
header {
  background-color: var(--lions-primary-blue);
  color: var(--white);
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
  padding: 1em;
  height: 8em;
}
header .logo {
  height: 100%;
  padding: 1em;
}
header nav {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: space-between;
  align-items: center;
}
.user-widget {
  display: flex;
  flex-direction: row;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.user-widget .user-name {
  font-weight: bold;
}
.user-widget .dropdown {
  display: none;
}
.user-widget::after {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  content: "\f007";
  font-size: 2em;
}
.user-widget .logout {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
}
.user-widget .logout::before {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  content: "\f2f5";
}
.user-widget:hover .dropdown {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--white);
  border: 1px solid var(--lions-secondary-light-gray);
  border-radius: 4px;
  padding: 0.5em 1em;
}
main {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  padding: 1em;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
.intervals-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  margin-top: 1em;
  border: 1px solid var(--lions-secondary-light-gray);
  border-radius: 4px;
  overflow: hidden;
}
.intervals-grid .grid-header {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  background-color: var(--white);
  color: var(--black);
  font-weight: bold;
  padding: 0.6em 0.9em;
}
.intervals-grid .content {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
}
.intervals-grid .content > li {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  padding: 0.6em 0.9em;
  border-top: 1px solid var(--lions-secondary-light-gray);
}
.intervals-grid .content > li > ul {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
}
.intervals-grid .content > li > ul > li {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.intervals-grid .content > li.open {
  background-color: color-mix(in srgb, var(--lions-secondary-green) 10%, transparent);
}
.roles-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  margin-top: 1em;
  border: 1px solid var(--lions-secondary-light-gray);
  border-radius: 4px;
  overflow: hidden;
}
.roles-grid .grid-header {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  background-color: var(--white);
  color: var(--black);
  font-weight: bold;
  padding: 0.6em 0.9em;
}
.roles-grid .content {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
}
.roles-grid .content > li {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  padding: 0.6em 0.9em;
  border-top: 1px solid var(--lions-secondary-light-gray);
}
.roles-grid .content > li > ul {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
}
.roles-grid .content > li > ul > li {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.roles-grid .content > li.assigned {
  background-color: color-mix(in srgb, var(--lions-primary-blue) 10%, transparent);
}
.roles-grid .content > li.unassigned {
  background-color: color-mix(in srgb, var(--lions-secondary-gray) 10%, transparent);
}
.roles-grid .badge-you {
  content: "You";
  display: inline-block;
  background-color: var(--lions-primary-blue);
  color: var(--white);
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.15em 0.5em;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.roles-grid .badge-unassigned {
  content: "Unassigned";
  display: inline-block;
  background-color: var(--lions-secondary-gray);
  color: var(--white);
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.15em 0.5em;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.roles-grid .badge-submitted {
  content: "Submitted";
  display: inline-block;
  background-color: var(--lions-secondary-green);
  color: var(--white);
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.15em 0.5em;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.roles-grid .badge-draft {
  content: "Draft";
  display: inline-block;
  background-color: var(--lions-secondary-blue);
  color: var(--white);
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.15em 0.5em;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
dl.meeting-info {
  display: grid;
  grid-template-columns: repeat(1, 20em 10em);
  padding: 1em;
}
dl.meeting-info div {
  grid-column: span 2;
  display: grid;
  grid-template-columns: subgrid;
  border-top: 1px solid black;
}
dl.meeting-info div:last-child {
  border-bottom: 1px solid black;
}
dl.meeting-info div * {
  border-left: 1px solid black;
  padding: 0.5em 1em;
}
dl.meeting-info div *:last-child {
  border-right: 1px solid black;
}
.breadcrumbs {
  display: flex;
  flex-direction: row;
  color: white;
}
.breadcrumbs li:not(:first-child)::before {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  content: "\f105";
  padding: 1em;
}
.breadcrumbs li:first-child > a::before {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  content: "\f015";
}
.submission {
  border: 1px solid black;
  border-radius: 1em;
  position: relative;
  margin-top: 1em;
}
.submission .submission-content {
  padding: 1em 1em 2em 1em;
}
.submission .submission-state {
  display: inline-block;
  position: absolute;
  background: black;
  color: white;
  padding: 0.5em 1em;
  right: 1em;
  bottom: 0;
  translate: 0 50%;
}
main section {
  margin-top: 2em;
}
main section h1,
main section h2,
main section h3,
main section h4,
main section h5,
main section h6 {
  margin-bottom: 0.5em;
}
/*# sourceMappingURL=style.css.map */