/* src/assets/styles/reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
div,
h1,
h2,
h3,
h4,
p,
span,
form,
button,
fieldset,
nav,
header,
footer,
section,
summary,
blockquote,
dl,
dd,
ol,
ul,
input[type=checkbox] {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
input[type=radio] {
  vertical-align: baseline;
}
ol,
ul {
  list-style: none;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}

/* src/assets/styles/fonts.css */
@font-face {
  font-family: "Poppins-SemiBold";
  src: local("Poppins-SemiBold"), url("./media/Poppins-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Bold";
  src: local("Poppins-Bold"), url("./media/Poppins-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Black";
  src: local("Poppins-Black"), url("./media/Poppins-Black.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Medium";
  src: local("Poppins-Medium"), url("./media/Poppins-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Regular";
  src: local("Poppins-Regular"), url("./media/Poppins-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-SemiBold";
  src: local("Roboto-SemiBold"), url("./media/Roboto-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: local("Roboto-Bold"), url("./media/Roboto-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Black";
  src: local("Roboto-Black"), url("./media/Roboto-Black.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Regular";
  src: local("Roboto-Regular"), url("./media/Roboto-Regular.ttf") format("truetype");
  font-display: swap;
}

/* src/assets/styles/root.css */
:root {
  --ff-semi-bold:
    "Poppins-SemiBold",
    Tahoma,
    Sans-Serif;
  --ff-bold:
    "Poppins-Bold",
    Tahoma,
    Sans-Serif;
  --ff-black:
    "Poppins-Black",
    Tahoma,
    Sans-Serif;
  --ff-medium:
    "Poppins-Medium",
    Tahoma,
    Sans-Serif;
  --ff-regular:
    "Poppins-Regular",
    Tahoma,
    Sans-Serif;
  --ff-alt-semi-bold:
    "Roboto-SemiBold",
    Tahoma,
    Sans-Serif;
  --ff-alt-bold:
    "Roboto-Bold",
    Tahoma,
    Sans-Serif;
  --ff-alt-black:
    "Roboto-Black",
    Tahoma,
    Sans-Serif;
  --ff-alt-regular:
    "Roboto-Regular",
    Tahoma,
    Sans-Serif;
  --fs-xxs: 0.625rem;
  --fs-xs: 0.75rem;
  --fs-s: 0.9rem;
  --fs: 1rem;
  --fs-m: 1.25rem;
  --fs-l: 1.5rem;
  --profile-avatar-height: 40px;
  --header-height: 40px;
  --vertical-padding: 1.25rem;
  --horizontal-padding: 1.25rem;
  --vertical-gap: 2rem;
  --horizontal-gap: 2rem;
}
[data-theme=light] {
  --color-font-dark: #000000;
  --color-font-med: #334155;
  --color-font-light: #475569;
  --color-font-highlight: #005DAB;
  --color-light: #E9ECEF;
  --color-light2: #d3d7da;
  --color-muted: #b0b8b8;
  --color-accent: #c6202a;
  --color-tertiary: #0B3D5B;
  --color-dark: #000000;
  --color-shadow: #D9DDFC;
  --color-border: #E2E8F0;
  --color-main-background: #FFFFFF;
  --card-shadow: var(--color-shadow) 0px 4px 50px;
}
[data-theme=dark] {
  --color-font-dark: #FFFFFF;
  --color-font-med: #334155;
  --color-font-light: #64748B;
  --color-font-highlight: #005DAB;
  --color-light: #FFFFFF;
  --color-muted: #A0A8A8;
  --color-accent: #005DAB;
  --color-dark: #000000;
  --color-shadow: #D9DDFC;
  --color-border: #E2E8F0;
  --color-main-background: #FFFFFF;
  --card-shadow: var(--color-shadow) 0px 4px 50px;
}
* {
  max-width: 500px;
}

/* src/assets/styles/buttons.css */
button {
  width: fit-content;
  padding: 0.5rem 2.5rem;
  font-family: var(--ff-medium);
  font-size: var(--fs);
  border-radius: 6px;
  color: var(--color-light);
  cursor: pointer;
  transition: filter 0.1s ease-in-out;
}
button.primary {
  background-color: var(--color-accent);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
button.secondary {
  background-color: var(--color-muted);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
button.tertiary {
  background-color: var(--color-muted);
}
button.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75em;
}
button.pill {
  font-size: var(--fs-xs);
  padding: 0.5rem 0.75rem;
  border-radius: 2rem;
  color: var(--color-font-light);
}
button.pill.small {
  padding: 0.25rem 1rem;
  font-size: var(--fs-s);
  font-family: var(--ff-regular);
  color: var(--color-font-light);
  background-color: var(--color-light);
}
button:hover {
  filter: brightness(0.8);
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* src/assets/styles/input.css */
.text-input label {
  color: var(--color-font-med);
}
.text-input input {
  margin-top: 0.25rem;
  padding: 0.5rem;
  font-family: var(--ff-regular);
  font-size: var(--fs);
  color: var(--color-font-dark);
  background-color: var(--color-light);
  border-radius: 6px;
  border: 1px solid #E2E8F0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}
.text-input input::placeholder {
  color: var(--color-font-light);
}
.text-input input.error {
  border: 1px solid #d41f3d;
  box-shadow: 0 0 2px rgba(212, 31, 61, 0.50);
}
input[type=checkbox] {
  background-color: var(--color-light);
  accent-color: var(--color-accent);
}
.radio-group {
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.625em;
  font-family: var(--ff-regular);
  font-size: var(--fs);
}
input[type=radio] {
  appearance: none;
  background-color: var(--color-light);
  margin: 0;
  font: inherit;
  color: currentColor;
  border: 0.20em solid var(--color-border);
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
input[type=radio]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-accent);
}
input[type=radio]:checked::before {
  transform: scale(1);
}
input + span,
.text-input span {
  visibility: hidden;
}
input + span.error-message,
.text-input .error-message {
  text-align: left;
  color: #d41f3d;
  font-size: var(--fs-xxs);
  visibility: visible;
}
select + span {
  visibility: hidden;
}
select + span.error-message {
  text-align: left;
  color: #d41f3d;
  font-size: var(--fs-xxs);
  visibility: visible;
}
.select-input select.error {
  border: 1px solid #d41f3d;
  box-shadow: 0 0 2px rgba(212, 31, 61, 0.50);
}
.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.checkbox label {
  margin-left: 0.5rem;
}
.radio-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.radio-selection {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}
.radio-selection + span {
  visibility: hidden;
}
.radio-selection + .error-message {
  text-align: right;
  color: #d41f3d;
  font-size: var(--fs-xxs);
  visibility: visible;
}
.select-input > label {
  color: var(--color-font-med);
}
.select-input > select {
  margin-top: 0.25rem;
  padding: 0.5rem;
  font-family: var(--ff-regular);
  font-size: var(--fs);
  border-radius: 6px;
  border: 1px solid #E2E8F0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}
select {
  color: var(--color-font-dark);
  background-color: var(--color-light);
  border: 1px solid #E2E8F0;
  padding: 0.5rem;
  border-radius: 6px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 30px;
}
option:checked {
  background-color: #007bff;
  color: white;
}

/* src/assets/styles/main.css */
body {
  font-family: var(--ff-regular);
  font-size: var(--fs);
  color: var(--color-font-dark);
}
h1 {
  font-family: var(--ff-semi-bold);
  font-size: var(--fs-l);
  line-height: 1;
}
h2 {
  font-family: var(--ff-semi-bold);
  font-size: var(--fs-m);
}
h3 {
  font-family: var(--ff-regular);
  font-size: var(--fs-s);
}
h4 {
  font-family: var(--ff-semi-bold);
  font-size: var(--fs-xs);
}
p,
span,
li,
table {
  font-family: var(--ff-regular);
  font-size: var(--fs-s);
}
a {
  font-family: var(--ff-medium);
  font-size: var(--fs-s);
  color: var(--color-accent);
  cursor: pointer;
}
label {
  font-family: var(--ff-regular);
  font-size: var(--fs-s);
}

/* src/styles.css */
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
::view-transition-old(root) {
  animation: 1000ms cubic-bezier(0.4, 0, 1, 1) both fade-out;
}
::view-transition-new(root) {
  animation: 750ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in;
}

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