@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

/* projects/shell/src/styles.css */
:root {
  --text-xss: 10px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 28px;
  --text-4xl: 32px;
  --text-5xl: 36px;
  --text-6xl: 42px;
  --text-7xl: 48px;
  --text-8xl: 54px;
  --text-9xl: 64px;
  --regular: 300;
  --normal: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;
  --secondary-100: #00b6ce;
  --primary-100: #023347;
  --light-300: #f6faff;
  --light-100: #ffff;
  --gray-100: #bdc2c5;
  --gray-200: #e0e1e1;
  --gray-300: #777777;
  --gray-400: #999999;
  --red-100: #d22f27;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: "Poppins", serif;
}
a,
a:visited {
  color: inherit;
  text-decoration: none;
}
img {
  width: 100%;
}
body {
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 7px;
  background-color: var(--gray-200);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--primary-100);
}
.scroll-style::-webkit-scrollbar {
  height: 6.6px;
  width: 6px;
}
.scroll-style::-webkit-scrollbar-thumb {
  background-color: var(--primary-100);
}
.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}
.scroll-style::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--gray-200);
}
.scroll-style::-webkit-scrollbar-thumb {
  background-color: var(--primary-100);
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cursor-pointer {
  cursor: pointer;
}
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
@media (min-width: 640px) {
  .container {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media (min-width: 1280px) {
  .container {
    padding-left: 62px;
    padding-right: 62px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
    padding-left: 58px;
    padding-right: 58px;
  }
}

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