/* apps/frontend/src/styles.scss */
:root {
  scrollbar-gutter: stable;
  --padding-xxs: 2px;
  --padding-xs: 4px;
  --padding-s: 8px;
  --padding-sm: 12px;
  --padding-m: 16px;
  --padding-l: 24px;
  --padding-xl: 32px;
  --padding-xxl: 48px;
  --corner-xxs: 2px;
  --corner-xs: 4px;
  --corner-s: 8px;
  --corner-m: 16px;
  --corner-l: 24px;
  --corner-xl: 32px;
  --corner-xxl: 48px;
  --corner-round: 1024px;
  --radius-card: 20px;
  --radius-hero: 28px;
  --radius-control: 14px;
  --radius-tile: 12px;
  --padding-card: 20px;
  --size-control-xxs: 32px;
  --size-control-xs: 34px;
  --size-control-s: 36px;
  --size-control-toolbar: 38px;
  --size-control-m: 44px;
  --size-control-l: 48px;
  --size-control-hero: 52px;
  --size-control-hero-xl: 54px;
  --size-hit-target: 44px;
  --size-navigation-panel-width: 232px;
  --size-toolbar-panel-width: 320px;
  --size-narrow-width: 580px;
  --size-card-min-width: 288px;
  --size-card-max-width: 591px;
  --size-content-max-width: 1600px;
  --size-main-max-width: 1180px;
  --font-family-body:
    "Poppins",
    "Poppins Fallback",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    sans-serif;
  --text-display: 400 64px/72px var(--font-family-body);
  --text-display-bold: 500 64px/72px var(--font-family-body);
  --text-title-1: 500 42px/52px var(--font-family-body);
  --text-title-1-bold: 600 42px/52px var(--font-family-body);
  --text-title-2: 500 32px/44px var(--font-family-body);
  --text-title-2-bold: 600 32px/44px var(--font-family-body);
  --text-title-3: 500 28px/36px var(--font-family-body);
  --text-title-3-bold: 600 28px/36px var(--font-family-body);
  --text-title-4: 500 24px/32px var(--font-family-body);
  --text-title-4-bold: 600 24px/32px var(--font-family-body);
  --text-headline-1: 500 20px/28px var(--font-family-body);
  --text-headline-1-bold: 600 20px/28px var(--font-family-body);
  --text-headline-2: 500 18px/24px var(--font-family-body);
  --text-headline-2-bold: 600 18px/24px var(--font-family-body);
  --text-body-1: 400 16px/24px var(--font-family-body);
  --text-body-1-bold: 500 16px/24px var(--font-family-body);
  --text-body-2: 400 14px/20px var(--font-family-body);
  --text-body-2-bold: 500 14px/20px var(--font-family-body);
  --text-caption-1: 400 12px/16px var(--font-family-body);
  --text-caption-1-bold: 500 12px/16px var(--font-family-body);
  --text-caption-2: 400 10px/16px var(--font-family-body);
  --text-caption-2-bold: 500 10px/16px var(--font-family-body);
  --text-ui-display: 600 34px/40px var(--font-family-body);
  --text-ui-display-l: 600 40px/46px var(--font-family-body);
  --text-ui-title: 600 24px/30px var(--font-family-body);
  --text-ui-title-s: 600 20px/26px var(--font-family-body);
  --text-ui-heading: 600 17px/22px var(--font-family-body);
  --text-ui-heading-s: 600 15px/20px var(--font-family-body);
  --text-ui-row-title: 600 14px/20px var(--font-family-body);
  --text-ui-body: 400 14px/20px var(--font-family-body);
  --text-ui-interface: 400 13px/18px var(--font-family-body);
  --text-ui-interface-bold: 600 13px/18px var(--font-family-body);
  --text-ui-meta: 400 12px/16px var(--font-family-body);
  --text-ui-meta-bold: 600 12px/16px var(--font-family-body);
  --text-ui-caption: 400 11px/15px var(--font-family-body);
  --text-ui-caption-bold: 600 11px/16px var(--font-family-body);
  --text-ui-overline: 600 11px/14px var(--font-family-body);
  --text-ui-micro: 600 10px/14px var(--font-family-body);
  --text-ui-button: 600 15px/20px var(--font-family-body);
  --text-ui-button-s: 600 13px/18px var(--font-family-body);
  --tracking-tight: -0.02em;
  --tracking-tighter: -0.03em;
  --tracking-overline: 0.08em;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-dur-s: 150ms;
  --motion-dur-m: 260ms;
  --motion-dur-l: 420ms;
  --glass-blur: blur(24px) saturate(170%);
  --media-blur: blur(10px);
  --glow-primary: 0 8px 28px -6px rgb(242 124 6 / 40%);
  --glow-primary-strong: 0 12px 40px -8px rgb(242 124 6 / 55%);
  --shadow-panel:
    0 0.4px 2px 0 var(--shadow-panel-bottom),
    0 1px 8px 0 var(--shadow-panel-middle),
    0 0 1px 0 var(--shadow-panel-top);
  --shadow-floating:
    0 0.4px 2px 0 var(--shadow-floating-bottom),
    0 1px 8px 0 var(--shadow-floating-middle),
    0 0 1px 0 var(--shadow-floating-top);
  --shadow-highlighted:
    0 0.4px 2px 0 var(--shadow-highlighted-bottom),
    0 1px 8px 0 var(--shadow-highlighted-middle),
    0 0 1px 0 var(--shadow-highlighted-top);
  --scrim-media:
    linear-gradient(
      
      180deg,
      rgb(6 10 16 / 30%) 0%,
      transparent 30%,
      transparent 48%,
      rgb(6 10 16 / 66%) 100% );
  --surface-media-strong: rgb(6 10 16 / 68%);
  --surface-media: rgb(6 10 16 / 46%);
  --surface-media-opaque: rgb(6 10 16);
  --lightbox-backdrop: rgb(8 12 18 / 92%);
  --border-media: rgb(255 255 255 / 18%);
  --content-on-media: #fff;
  --content-on-media-secondary: rgb(255 255 255 / 88%);
  --content-on-media-dim: rgb(255 255 255 / 48%);
  --content-on-media-positive: #86e07a;
  --content-on-media-attention: #ffd28f;
}
:root:has(dialog:modal) {
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-dur-s: 0.01ms;
    --motion-dur-m: 0.01ms;
    --motion-dur-l: 0.01ms;
  }
}
@keyframes noxo-rise {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes noxo-sheet {
  from {
    transform: translateY(36px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
:host {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  min-height: 0;
  background-color: var(--color-background-body);
}
@font-face {
  font-family: Poppins;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-Light.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-Medium.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("./media/Poppins-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("./media/Poppins-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-Bold.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("./media/Poppins-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("./media/Poppins-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: Poppins;
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("./media/Poppins-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins Fallback";
  font-weight: 100 500;
  ascent-override: 94.12%;
  descent-override: 31.37%;
  line-gap-override: 8.96%;
  size-adjust: 111.56%;
  src:
    local("Arial"),
    local("Liberation Sans"),
    local("Helvetica");
}
@font-face {
  font-family: "Poppins Fallback";
  font-weight: 600 900;
  ascent-override: 92.92%;
  descent-override: 30.97%;
  line-gap-override: 8.85%;
  size-adjust: 113%;
  src:
    local("Arial Bold"),
    local("Liberation Sans Bold"),
    local("Helvetica Bold");
}
router-outlet {
  display: none;
}
a {
  all: unset;
  cursor: pointer;
  text-decoration: underline;
}
html,
body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
app-root > *:not(router-outlet) {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
.dialog-backdrop {
  background: var(--color-dialog-overlay);
}
@media (width >= 768px) {
  .dialog-panel:has(lib-sheet) {
    align-self: center;
  }
}
.dialog-panel.country-picker lib-dialog-container {
  height: 100dvh;
}
.dialog-panel.country-picker lib-sheet {
  flex: 1 1 auto;
  min-height: 0;
}
.dialog-panel.gallery lib-dialog-container {
  width: 100vw;
  max-width: 100%;
}
.dialog-panel.gallery lib-sheet {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  max-height: 100%;
}
[libFocusable]:focus-within,
[libFocusable]:focus,
[libFocusable].focused,
.focusable:focus-within,
.focusable:focus,
.focusable.focused {
  outline: 2px solid var(--color-interactive-secondary);
  outline-offset: var(--offset);
}

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