/* src/styles.css */
@font-face {
  font-family: "UniversBold";
  src: url("./media/UniversBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversCnBold";
  src: url("./media/UniversCnBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversCnReg";
  src: url("./media/UniversCnRg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLight";
  src: url("./media/UniversLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversRegular";
  src: url("./media/UniversRegular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --color-navy-900: #0a1628;
  --color-navy-800: #0f2240;
  --color-navy-700: #1a3a5c;
  --color-navy-600: #264a6e;
  --color-navy-500: #335e88;
  --color-orange-500: #ff6b35;
  --color-orange-400: #ff8855;
  --color-orange-600: #e85a25;
  --color-orange-glow: rgba(255, 107, 53, 0.35);
  --color-gold-400: #f7c948;
  --color-gold-500: #e6b800;
  --color-surface-50: #f8fafc;
  --color-surface-100: #f0f4f8;
  --color-surface-200: #e2e8f0;
  --color-surface-300: #cbd5e1;
  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #94a3b8;
  --color-text-inverse: #f1f5f9;
  --color-glass-white: rgba(255, 255, 255, 0.08);
  --color-glass-white-strong: rgba(255, 255, 255, 0.15);
  --color-glass-dark: rgba(10, 22, 40, 0.65);
  --font-heading: "UniversCnBold", sans-serif;
  --font-body: "UniversCnReg", sans-serif;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, 0.15), 0 12px 20px -8px rgba(0, 0, 0, 0.08);
  --shadow-glow-orange: 0 0 20px rgba(255, 107, 53, 0.3), 0 0 60px rgba(255, 107, 53, 0.1);
  --shadow-glow-gold: 0 0 20px rgba(247, 201, 72, 0.25);
  --section-padding: 5rem 8%;
  --section-padding-sm: 3rem 5%;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: var(--font-body);
  color: var(--color-text-primary);
  background-color: var(--color-surface-50);
  line-height: 1.6;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
}
a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s var(--ease-smooth);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-navy-900);
}
::-webkit-scrollbar-thumb {
  background: var(--color-navy-600);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-orange-500);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(255, 107, 53, 0.2);
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 107, 53, 0.45);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animate-fade-in-up {
  animation: fadeInUp 0.7s var(--ease-smooth) both;
}
.animate-scale-in {
  animation: scaleIn 0.5s var(--ease-smooth) both;
}
::selection {
  background: var(--color-orange-500);
  color: white;
}
.shpe-login-dialog .mat-mdc-dialog-surface {
  background: rgba(10, 22, 40, 0.97) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.5),
    0 2px 8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  padding: 1.75rem 2rem;
}
.shpe-login-dialog .mdc-dialog__surface {
  --mdc-dialog-container-color: transparent;
}

/* node_modules/@firebase-oss/ui-styles/dist/dist.min.css */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-space-y-reverse:0;
      --tw-border-style:solid;
      --tw-font-weight:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
    }
  }
}
@layer theme {
  :root,
  :host {
    --color-red-500:oklch(63.7% .237 25.331);
    --color-red-700:oklch(50.5% .213 27.518);
    --color-gray-200:oklch(92.8% .006 264.531);
    --color-gray-300:oklch(87.2% .01 258.338);
    --color-gray-800:oklch(27.8% .033 256.848);
    --color-neutral-300:oklch(87% 0 0);
    --color-neutral-700:oklch(37.1% 0 0);
    --color-neutral-800:oklch(26.9% 0 0);
    --color-neutral-950:oklch(14.5% 0 0);
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-sm:24rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1/.75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75/1.25);
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --radius-sm:.25rem;
    --radius-xl:.75rem;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --radius:var(--fui-radius);
    --color-primary:var(--fui-primary);
    --color-primary-hover:var(--fui-primary-hover);
    --color-primary-surface:var(--fui-primary-surface);
    --color-text:var(--fui-text);
    --color-text-muted:var(--fui-text-muted);
    --color-background:var(--fui-background);
    --color-border:var(--fui-border);
    --color-input:var(--fui-input);
    --color-error:var(--fui-error);
    --radius-card:var(--fui-radius-card);
  }
  :root {
    --fui-primary:var(--color-black);
    --fui-primary-hover:var(--fui-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :root {
      --fui-primary-hover:color-mix(in oklab,var(--fui-primary)85%,transparent);
    }
  }
  :root {
    --fui-primary-surface:var(--color-white);
    --fui-text:var(--color-black);
    --fui-text-muted:var(--color-gray-800);
    --fui-background:var(--color-white);
    --fui-border:var(--color-gray-200);
    --fui-input:var(--color-gray-300);
    --fui-error:var(--color-red-500);
    --fui-radius:var(--radius-sm);
    --fui-radius-card:var(--radius-xl);
  }
  @media (prefers-color-scheme:dark) {
    :root {
      --fui-primary:var(--color-white);
      --fui-primary-hover:var(--fui-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      :root {
        --fui-primary-hover:color-mix(in oklab,var(--fui-primary)85%,transparent);
      }
    }
    :root {
      --fui-primary-surface:var(--color-black);
      --fui-text:var(--color-white);
      --fui-text-muted:var(--color-neutral-300);
      --fui-background:var(--color-neutral-950);
      --fui-border:var(--color-neutral-800);
      --fui-input:var(--color-neutral-700);
      --fui-error:var(--color-red-700);
      --fui-radius:var(--radius-sm);
      --fui-radius-card:var(--radius-xl);
    }
  }
}
@layer components {
  :where(.fui-screen) {
    max-width: var(--container-sm);
    margin-inline: auto;
  }
  :where(:where(.fui-screen .fui-screen__children) > :not(:last-child)),
  :where(:where(.fui-content) > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(:where(.fui-card) > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.fui-card) {
    border-radius: var(--radius-card);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-background);
    padding: calc(var(--spacing)*10);
  }
  :where(:where(.fui-card__header) > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.fui-card__header) {
    text-align: center;
  }
  :where(.fui-card__title) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height));
    --tw-font-weight:var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
  }
  :where(.fui-card__subtitle) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-text-muted);
  }
  :where(:where(.fui-form) > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.fui-form fieldset),
  :where(.fui-form fieldset label) {
    gap: calc(var(--spacing)*2);
    color: var(--color-text);
    flex-direction: column;
    display: flex;
  }
  :where(.fui-form fieldset label div[data-input-label]) {
    gap: calc(var(--spacing)*3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight:var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    display: flex;
  }
  :where(.fui-form fieldset label div[data-input-label] > div:first-child) {
    flex-grow: 1;
  }
  :where(.fui-form fieldset label div[data-input-description]) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-text-muted);
  }
  :where(.fui-form .fui-form__action) {
    padding-inline: calc(var(--spacing)*1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-text-muted);
  }
  @media (hover:hover) {
    :where(.fui-form .fui-form__action):hover {
      text-decoration-line: underline;
    }
  }
  :where(.fui-form fieldset label input) {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    width: 100%;
    padding-inline: calc(var(--spacing)*2);
    padding-block: calc(var(--spacing)*2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: #0000;
  }
  :where(.fui-form fieldset label input):focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-primary);
  }
  :where(.fui-form fieldset label input[aria-invalid=true]) {
    border-color: var(--color-error);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-error);
  }
  :where(.fui-form fieldset label div[data-input-group]) {
    align-items: center;
    gap: calc(var(--spacing)*2);
    display: flex;
  }
  :where(.fui-form .fui-qr-code-container) {
    align-items: center;
    gap: calc(var(--spacing)*4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-text-muted);
    flex-direction: column;
    display: flex;
  }
  :where(.fui-error) {
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-error);
  }
  :where(.fui-success) {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  :where(.fui-button) {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*3);
    border-radius: var(--radius);
    background-color: var(--color-primary);
    width: 100%;
    padding-inline: calc(var(--spacing)*4);
    padding-block: calc(var(--spacing)*2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-font-weight:var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-surface);
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    display: flex;
  }
  @media (hover:hover) {
    :where(.fui-button):hover {
      cursor: pointer;
      background-color: var(--color-primary-hover);
    }
  }
  :where(.fui-button):disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  :where(.fui-button--secondary) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    color: var(--color-text);
    background-color: #0000;
  }
  @media (hover:hover) {
    :where(.fui-button--secondary):hover {
      border-color: var(--color-primary);
      background-color: var(--color-background);
    }
  }
  :where(.fui-button.fui-provider__button) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
  }
  :where(.fui-provider__button svg, .fui-provider__button img) {
    height: calc(var(--spacing)*5);
    width: calc(var(--spacing)*5);
  }
  :where(.fui-divider) {
    margin-block: calc(var(--spacing)*4);
    align-items: center;
    gap: calc(var(--spacing)*3);
    display: flex;
  }
  :where(.fui-divider__line) {
    background-color: var(--color-border);
    flex: 1;
    height: 1px;
  }
  :where(.fui-divider__text) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-text-muted);
  }
  :where(.fui-phone-input) {
    align-items: center;
    gap: calc(var(--spacing)*2);
    display: flex;
  }
  :where(.fui-phone-input__number-input) {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    padding-inline: calc(var(--spacing)*2);
    padding-block: calc(var(--spacing)*2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: #0000;
    flex: 1;
  }
  :where(.fui-phone-input__number-input):focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-primary);
  }
  :where(.fui-phone-input__number-input[aria-invalid=true]) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-error);
  }
  :where(.fui-country-selector) {
    width: 120px;
    display: inline-block;
    position: relative;
  }
  :where(.fui-country-selector__wrapper) {
    border-radius: var(--radius);
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--color-input);
    background-color: #0000;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  :where(.fui-country-selector__flag) {
    pointer-events: none;
    left: calc(var(--spacing)*2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height));
    position: absolute;
  }
  :where(.fui-country-selector select) {
    cursor: pointer;
    appearance: none;
    width: 100%;
    padding-block: calc(var(--spacing)*2);
    padding-right: calc(var(--spacing)*2);
    padding-left: calc(var(--spacing)*8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: #0000;
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: #0000;
  }
  :where(.fui-country-selector select):focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-primary);
  }
  :where(.fui-country-selector__dial-code) {
    pointer-events: none;
    top: 50%;
    left: calc(var(--spacing)*8);
    --tw-translate-y:calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-text);
    position: absolute;
  }
  :where(.fui-form fieldset label div[data-input-group]:has(input[aria-invalid=true]) .fui-country-selector),
  :where(.fui-form fieldset label div[data-input-group]:has(input[aria-invalid=true]) .fui-country-selector .fui-country-selector__wrapper) {
    border-radius: var(--radius);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-error);
  }
  :where(.fui-policies) {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-text-muted);
  }
  :where(.fui-policies a, .fui-policies button) {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  @media (hover:hover) {
    :where(.fui-policies a, .fui-policies button):hover {
      text-decoration-line: underline;
    }
  }
  .fui-provider__button[data-provider="google.com"][data-themed=true] {
    --google-primary:#131314;
    --color-primary:var(--google-primary);
    --color-primary-hover:var(--google-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="google.com"][data-themed=true] {
      --color-primary-hover:color-mix(in oklab,var(--google-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="google.com"][data-themed=true] {
    --color-primary-surface:#fff;
    --color-border:var(--google-primary);
  }
  .fui-provider__button[data-provider="google.com"][data-themed=neutral] {
    --google-primary:#f2f2f2;
    --color-primary:var(--google-primary);
    --color-primary-hover:var(--google-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="google.com"][data-themed=neutral] {
      --color-primary-hover:color-mix(in oklab,var(--google-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="google.com"][data-themed=neutral] {
    --color-primary-surface:#1f1f1f;
    --color-border:transparent;
  }
  @media (prefers-color-scheme:dark) {
    .fui-provider__button[data-provider="google.com"][data-themed=true] {
      --google-primary:#fff;
      --color-primary:var(--google-primary);
      --color-primary-hover:var(--google-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .fui-provider__button[data-provider="google.com"][data-themed=true] {
        --color-primary-hover:color-mix(in oklab,var(--google-primary)85%,transparent);
      }
    }
    .fui-provider__button[data-provider="google.com"][data-themed=true] {
      --color-primary-surface:#1f1f1f;
      --color-border:#747775;
    }
  }
  .fui-provider__button[data-provider="facebook.com"][data-themed=true] {
    --facebook-primary:#1877f2;
    --color-primary:var(--facebook-primary);
    --color-primary-hover:var(--facebook-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="facebook.com"][data-themed=true] {
      --color-primary-hover:color-mix(in oklab,var(--facebook-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="facebook.com"][data-themed=true] {
    --color-primary-surface:var(--color-white);
    --color-border:var(--facebook-primary);
  }
  .fui-provider__button[data-provider="apple.com"][data-themed=true] {
    --apple-primary:#000;
    --color-primary:var(--apple-primary);
    --color-primary-hover:var(--apple-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="apple.com"][data-themed=true] {
      --color-primary-hover:color-mix(in oklab,var(--apple-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="apple.com"][data-themed=true] {
    --color-primary-surface:#fff;
    --color-border:var(--apple-primary);
  }
  @media (prefers-color-scheme:dark) {
    .fui-provider__button[data-provider="apple.com"][data-themed=true] {
      --apple-primary:var(--color-white);
      --color-primary:var(--apple-primary);
      --color-primary-hover:var(--apple-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .fui-provider__button[data-provider="apple.com"][data-themed=true] {
        --color-primary-hover:color-mix(in oklab,var(--apple-primary)85%,transparent);
      }
    }
    .fui-provider__button[data-provider="apple.com"][data-themed=true] {
      --color-primary-surface:var(--color-black);
      --color-border:var(--color-white);
    }
  }
  .fui-provider__button[data-provider="github.com"][data-themed=true] {
    --github-primary:#000;
    --color-primary:var(--github-primary);
    --color-primary-hover:var(--github-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="github.com"][data-themed=true] {
      --color-primary-hover:color-mix(in oklab,var(--github-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="github.com"][data-themed=true] {
    --color-primary-surface:#fff;
    --color-border:var(--github-primary);
  }
  @media (prefers-color-scheme:dark) {
    .fui-provider__button[data-provider="github.com"][data-themed=true] {
      --github-primary:var(--color-white);
      --color-primary:var(--github-primary);
      --color-primary-hover:var(--github-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .fui-provider__button[data-provider="github.com"][data-themed=true] {
        --color-primary-hover:color-mix(in oklab,var(--github-primary)85%,transparent);
      }
    }
    .fui-provider__button[data-provider="github.com"][data-themed=true] {
      --color-primary-surface:var(--color-black);
      --color-border:var(--color-white);
    }
  }
  .fui-provider__button[data-provider="microsoft.com"][data-themed=true] {
    --microsoft-primary:#2f2f2f;
    --color-primary:var(--microsoft-primary);
    --color-primary-hover:var(--microsoft-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="microsoft.com"][data-themed=true] {
      --color-primary-hover:color-mix(in oklab,var(--microsoft-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="microsoft.com"][data-themed=true] {
    --color-primary-surface:#fff;
    --color-border:var(--microsoft-primary);
  }
  @media (prefers-color-scheme:dark) {
    .fui-provider__button[data-provider="microsoft.com"][data-themed=true] {
      --microsoft-primary:var(--color-white);
      --color-primary:var(--microsoft-primary);
      --color-primary-hover:var(--microsoft-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .fui-provider__button[data-provider="microsoft.com"][data-themed=true] {
        --color-primary-hover:color-mix(in oklab,var(--microsoft-primary)85%,transparent);
      }
    }
    .fui-provider__button[data-provider="microsoft.com"][data-themed=true] {
      --color-primary-surface:#5e5e5e;
      --color-border:var(--color-white);
    }
  }
  .fui-provider__button[data-provider="twitter.com"][data-themed=true] {
    --twitter-primary:#1da1f2;
    --color-primary:var(--twitter-primary);
    --color-primary-hover:var(--twitter-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .fui-provider__button[data-provider="twitter.com"][data-themed=true] {
      --color-primary-hover:color-mix(in oklab,var(--twitter-primary)85%,transparent);
    }
  }
  .fui-provider__button[data-provider="twitter.com"][data-themed=true] {
    --color-primary-surface:#fff;
    --color-border:var(--twitter-primary);
  }
}
@layer utilities;
@property --tw-space-y-reverse { syntax:"*";inherits:false;initial-value:0 }
@property --tw-border-style { syntax:"*";inherits:false;initial-value:solid }
@property --tw-font-weight { syntax:"*";inherits:false }
@property --tw-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-shadow-color { syntax:"*";inherits:false }
@property --tw-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
@property --tw-inset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-inset-shadow-color { syntax:"*";inherits:false }
@property --tw-inset-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
@property --tw-ring-color { syntax:"*";inherits:false }
@property --tw-ring-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-inset-ring-color { syntax:"*";inherits:false }
@property --tw-inset-ring-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-ring-inset { syntax:"*";inherits:false }
@property --tw-ring-offset-width { syntax:"<length>";inherits:false;initial-value:0 }
@property --tw-ring-offset-color { syntax:"*";inherits:false;initial-value:#fff }
@property --tw-ring-offset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-outline-style { syntax:"*";inherits:false;initial-value:solid }
@property --tw-translate-x { syntax:"*";inherits:false;initial-value:0 }
@property --tw-translate-y { syntax:"*";inherits:false;initial-value:0 }
@property --tw-translate-z { syntax:"*";inherits:false;initial-value:0 }

/* node_modules/material-icons/iconfont/material-icons.css */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons.woff2") format("woff2"), url("./media/material-icons.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined.woff2") format("woff2"), url("./media/material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round.woff2") format("woff2"), url("./media/material-icons-round.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp.woff2") format("woff2"), url("./media/material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone.woff2") format("woff2"), url("./media/material-icons-two-tone.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

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