/* apps/address/address-app/src/styles.scss */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./media/Inter-Thin.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./media/Inter-ThinItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./media/Inter-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("./media/Inter-ExtraLightItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./media/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./media/Inter-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./media/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./media/Inter-Italic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./media/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./media/Inter-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./media/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./media/Inter-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./media/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./media/Inter-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./media/Inter-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./media/Inter-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./media/Inter-Black.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./media/Inter-BlackItalic.woff2") format("woff2");
}
@tailwind base;
@tailwind components;
@tailwind utilities;
html,
body,
* {
  font-family:
    Inter,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
}
@layer base {
  :root {
    --color-primary: #701ef6;
    --color-primary-50: #f1efff;
    --color-primary-100: #ebe6ff;
    --color-primary-200: #d9d0ff;
    --color-primary-300: #bcaaff;
    --color-primary-400: #9d79ff;
    --color-primary-900: #460aa8;
    --color-primary-950: #290273;
    --color-secondary: #4a4a5a;
    --color-secondary-50: #f7f7f8;
    --color-secondary-100: #eeeef0;
    --color-secondary-200: #d8d9df;
    --color-secondary-300: #b6b7c3;
    --color-secondary-400: #8f91a1;
    --color-secondary-500: #717286;
    --color-secondary-600: #5b5c6e;
    --color-secondary-900: #303038;
    --color-secondary-950: #262626;
    --color-tertiary: #58acf2;
    --color-tertiary-50: #f9fcfe;
    --color-tertiary-200: #d0e7fb;
    --color-tertiary-300: #aad4f8;
    --color-tertiary-400: #83c0f5;
    --color-tertiary-900: #123048;
    --color-success: #437f0c;
    --color-success-50: #ebfae5;
    --color-success-200: #d0f9c1;
    --color-success-300: #b4f09e;
    --color-success-400: #97e67a;
    --color-success-500: #529938;
    --color-success-600: #58a709;
    --color-success-900: #305512;
    --color-danger: #b71e1e;
    --color-danger-100: #fee2e2;
    --color-danger-200: #fdcbcb;
    --color-danger-300: #fba6a6;
    --color-danger-400: #f67373;
    --color-danger-500: #ec4141;
    --color-danger-600: #d92929;
    --color-danger-800: #971d1d;
    --color-light: #ffffff;
    --color-light-50: #fafafa;
    --color-light-100: #f3f3f3;
    --color-light-200: #e4e4e4;
    --color-dark: #000000;
    --color-brand: #1c423b;
    --color-brand-100: #adc5c4;
    --color-brand-300: #688b85;
    --color-brand-400: #4f7770;
    --color-brand-500: #2a534b;
    --color-cyan-200: #ccebe3;
    --color-cyan-300: #a2dbce;
    --color-cyan-400: #75cab8;
    --color-purple-200: #e7e0fc;
    --color-purple-300: #d5c6f9;
    --color-purple-400: #c4aef7;
    --color-pink-200: #fad0f2;
    --color-pink-300: #f7aae7;
    --color-pink-400: #f175d4;
    --color-yellow: #faca15;
    --color-yellow-300: #fde047;
    --color-yellow-400: #e3a008;
  }
}
@media print {
  .hide-on-print {
    @apply hidden;
  }
}
.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.ripple:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image:
    radial-gradient(
      circle,
      var(--color-primary) 10%,
      transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
.ripple:active:after {
  transform: scale(0, 0);
  opacity: 0.2;
  transition: 0s;
}
html {
  @apply bg-secondary-50 h-full;
}
select,
option {
  font-family:
    Inter,
    Arial,
    sans-serif;
}
.wrapper {
  max-width: initial !important;
}
a {
  @apply cursor-pointer;
}

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