/* src/styles.flat.scss */
:root {
  --wc-layout-space-xs: 4px;
  --wc-layout-space-sm: 8px;
  --wc-layout-space-md: 16px;
  --wc-layout-space-lg: 26px;
  --wc-layout-space-xl: 32px;
  --wc-layout-space-2xl: 48px;
  --wc-layout-space-3xl: 64px;
  --wc-layout-base-toolbar-height: 88px;
  --wc-type-submit-font-size: 1.125rem;
}
:root {
  --wc-type-font-page-title: clamp(1.95rem, 1.34rem + 1.12vw, 2.75rem);
  --wc-type-font-section-title: 1.68rem;
  --wc-type-font-card-title: 1.38rem;
  --wc-type-font-card-subtitle: 0.95rem;
  --wc-type-font-nav-label: 0.72rem;
  --wc-type-font-meta: 0.78rem;
  --wc-type-line-page-title: 1.12;
  --wc-type-line-card-title: 1.18;
  --wc-type-line-card-subtitle: 1.42;
  --wc-layout-page-max-width: 1200px;
  --wc-layout-page-padding-x: 24px;
  --wc-layout-page-padding-y: 24px;
  --wc-layout-page-padding-x-mobile: 16px;
  --wc-layout-page-padding-y-mobile: 16px;
  --wc-layout-section-gap: 24px;
  --wc-layout-card-gap: 20px;
  --wc-layout-page-min-height: 100dvh;
  --wc-layout-shell-edge-gap: 16px;
  --wc-layout-shell-edge-gap-small: 12px;
  --wc-layout-shell-edge-gap-desktop: 24px;
  --wc-layout-shell-top-gap: 12px;
  --wc-layout-shell-top-gap-desktop: 16px;
  --wc-layout-shell-bottom-gap: 12px;
  --wc-layout-shell-bottom-gap-desktop: 18px;
  --wc-layout-shell-mobile-max-width: 720px;
  --wc-layout-shell-toolbar-height: 64px;
  --wc-layout-shell-toolbar-height-desktop: 72px;
  --wc-layout-shell-bottom-height: 64px;
  --wc-layout-shell-bottom-height-desktop: 68px;
  --wc-layout-shell-radius: 26px;
  --wc-layout-shell-radius-desktop: 28px;
  --wc-layout-shell-content-top-extra: 20px;
  --wc-layout-shell-content-bottom-extra: 24px;
  --wc-layout-shell-toolbar-padding-x: 14px;
  --wc-layout-shell-toolbar-padding-x-small: 10px;
  --wc-layout-shell-toolbar-padding-x-desktop: 22px;
  --wc-layout-shell-toolbar-gap: 10px;
  --wc-layout-shell-actions-gap: 6px;
  --wc-layout-shell-action-radius: 18px;
  --wc-layout-bottom-nav-gap: 4px;
  --wc-layout-bottom-nav-gap-desktop: 8px;
  --wc-layout-bottom-nav-padding: 6px;
  --wc-layout-bottom-nav-padding-small: 5px;
  --wc-layout-bottom-nav-padding-desktop: 7px 10px;
  --wc-layout-bottom-nav-min-width-desktop: 456px;
  --wc-layout-bottom-nav-max-width-desktop: 560px;
  --wc-layout-nav-item-max-width: 112px;
  --wc-layout-nav-item-height: 52px;
  --wc-layout-nav-item-min-width-desktop: 92px;
  --wc-layout-nav-item-padding-x-desktop: 12px;
  --wc-layout-nav-item-padding-x-small: 4px;
  --wc-layout-nav-item-gap: 3px;
  --wc-layout-nav-item-radius: 20px;
  --wc-layout-nav-icon-size: 23px;
  --wc-layout-nav-icon-size-small: 22px;
  --wc-type-font-nav-label-small: 0.66rem;
  --wc-layout-radius-card: 24px;
  --wc-layout-radius-panel: 28px;
  --wc-layout-radius-icon-pocket: 20px;
  --wc-layout-radius-pill: 999px;
  --wc-layout-menu-radius: calc(var(--wc-layout-radius-card) / 2);
  --wc-layout-collection-card-min-height: 264px;
  --wc-layout-collection-card-min-height-mobile: 236px;
  --wc-layout-collection-card-edge-padding-x: 20px;
  --wc-layout-collection-card-edge-padding-x-mobile: 14px;
  --wc-layout-collection-card-edge-padding-y: 18px;
  --wc-layout-collection-card-edge-padding-y-mobile: 14px;
  --wc-layout-collection-card-content-padding-y: 8px;
  --wc-layout-collection-card-content-padding-bottom: 14px;
  --wc-layout-collection-card-content-padding-y-mobile: 6px;
  --wc-layout-collection-card-content-padding-bottom-mobile: 10px;
  --wc-layout-collection-badge-max-width: 100%;
  --wc-layout-collection-stat-gap: 10px;
  --wc-layout-collection-stat-gap-mobile: 8px;
  --wc-layout-collection-stat-padding: 7px 8px;
  --wc-layout-collection-stat-padding-mobile: 6px 7px;
  --wc-layout-collection-footer-divider-width: 50%;
  --wc-layout-home-grid-max-width: 920px;
  --wc-layout-home-card-min-height-mobile: 144px;
  --wc-layout-home-card-padding: 30px;
  --wc-layout-home-card-padding-mobile: 22px;
  --wc-layout-home-card-gap: 24px;
  --wc-layout-home-card-gap-mobile: 16px;
  --wc-layout-home-card-radius: 28px;
  --wc-layout-home-icon-pocket-size: 96px;
  --wc-layout-home-icon-pocket-size-mobile: 78px;
  --wc-layout-home-icon-size: 54px;
  --wc-layout-home-icon-size-mobile: 42px;
  --wc-layout-home-landscape-grid-max-width: 760px;
  --wc-layout-home-landscape-grid-gap: 14px;
  --wc-layout-home-landscape-container-padding-y: 6px;
  --wc-layout-home-landscape-container-padding-x: 12px;
  --wc-layout-home-landscape-card-padding: 12px 18px;
  --wc-layout-home-landscape-card-gap: 12px;
  --wc-layout-home-landscape-icon-pocket-size: 58px;
  --wc-layout-home-landscape-icon-radius: 18px;
  --wc-layout-home-landscape-icon-size: 34px;
  --wc-layout-home-landscape-title-size: 0.92rem;
  --wc-layout-home-landscape-subtitle-size: 0.72rem;
  --wc-layout-home-landscape-compact-grid-max-width: 620px;
  --wc-layout-home-landscape-compact-grid-gap: 10px;
  --wc-layout-home-landscape-compact-container-padding-y: 4px;
  --wc-layout-home-landscape-compact-container-padding-x: 10px;
  --wc-layout-home-landscape-compact-card-padding: 10px 14px;
  --wc-layout-home-landscape-compact-card-gap: 10px;
  --wc-layout-home-landscape-compact-icon-pocket-size: 50px;
  --wc-layout-home-landscape-compact-icon-radius: 16px;
  --wc-layout-home-landscape-compact-icon-size: 30px;
  --wc-layout-home-landscape-compact-title-size: 0.86rem;
  --wc-layout-home-landscape-compact-subtitle-size: 0.68rem;
}
body.dark-mode {
  --wc-layout-menu-radius: calc(var(--wc-layout-radius-card) / 2);
}
:root {
  --wc-type-font-sans:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --wc-type-font-weight-medium: 500;
  --wc-type-font-weight-semibold: 600;
  --wc-type-font-weight-bold: 700;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
}
:root {
  --wc-type-font-weight-regular: 400;
}
:root {
  --wc-ui-page-bg-light: #fff7e4;
  --wc-ui-page-bg-dark: #071b36;
  --wc-ui-page-bg: var(--wc-ui-page-bg-light);
  --wc-ui-page-bg-inverse: var(--wc-ui-page-bg-dark);
  --wc-ui-panel-bg: #f3e7cd;
  --wc-ui-menu-bg: var(--wc-ui-page-bg);
  --wc-ui-text-main: #071b36;
  --wc-ui-text-muted: #41536a;
  --wc-ui-accent: #0a69d8;
  --wc-ui-link: #0955af;
  --wc-ui-on-accent: #ffffff;
  --wc-ui-success-text: #176537;
  --wc-ui-danger-text: #8f1d16;
  --wc-ui-collection-tint-strength: 18%;
  --wc-ui-border: rgb(7 27 54 / .16);
  --wc-ui-shadow: 0 2px 6px rgb(7 27 54 / .08);
  --wc-ui-shadow-hover: 0 4px 12px rgb(7 27 54 / .14);
  --wc-ui-notice-bg: #f3dfb4;
  --wc-ui-notice-text: #443114;
  --wc-ui-icon-collections: #075985;
  --wc-ui-icon-recent: #9f1239;
  --wc-ui-icon-favorites: #854d0e;
  --wc-ui-icon-statistics: #166534;
  --wc-ui-icon-gallery: #5b21b6;
  --wc-ui-icon-settings: #9a3412;
  --wc-ui-scanner-preview-text: color-mix(in srgb, white 96%, var(--wc-ui-gold-light) 4%);
}
body.dark-mode {
  --wc-ui-page-bg: var(--wc-ui-page-bg-dark);
  --wc-ui-page-bg-inverse: var(--wc-ui-page-bg-light);
  --wc-ui-panel-bg: #112743;
  --wc-ui-menu-bg: var(--wc-ui-panel-bg);
  --wc-ui-text-main: #f5f8ff;
  --wc-ui-text-muted: #b8c8da;
  --wc-ui-accent: #73b9ff;
  --wc-ui-link: var(--wc-ui-accent);
  --wc-ui-on-accent: var(--wc-ui-page-bg);
  --wc-ui-success-text: #8fdba7;
  --wc-ui-danger-text: #ff9c94;
  --wc-ui-collection-tint-strength: 18%;
  --wc-ui-border: rgb(245 248 255 / .18);
  --wc-ui-shadow: 0 2px 6px rgb(0 0 0 / .18);
  --wc-ui-shadow-hover: 0 4px 12px rgb(0 0 0 / .28);
  --wc-ui-notice-bg: #1b3553;
  --wc-ui-notice-text: var(--wc-ui-text-main);
  --wc-ui-icon-collections: #7dd3fc;
  --wc-ui-icon-recent: #fda4af;
  --wc-ui-icon-favorites: #facc15;
  --wc-ui-icon-statistics: #86efac;
  --wc-ui-icon-gallery: #c4b5fd;
  --wc-ui-icon-settings: #fdba74;
  --wc-ui-scanner-preview-text: color-mix(in srgb, white 94%, var(--wc-ui-gold-light) 6%);
}
:root {
  --wc-ui-category-warning-fill: #f59e0b;
  --wc-ui-category-warning-icon: #b45309;
}
:root {
  --wc-ui-gold: #D4A574;
  --wc-ui-gold-light: rgb(224.0494505495, 190.2197802198, 154.9505494505);
  --wc-ui-gold-dark: rgb(192.0796703297, 127.1318681319, 59.4203296703);
  --wc-ui-brand-navy: #1A3A52;
  --wc-ui-brand-navy-rgb:
    26,
    58,
    82;
  --wc-ui-brand-navy-light: rgb(44.4166666667, 99.0833333333, 140.0833333333);
  --wc-ui-brand-navy-dark: rgb(13.7222222222, 30.6111111111, 43.2777777778);
  --wc-ui-brand-accent: var(--wc-ui-gold);
  --wc-ui-palette-page-light: #F5F5F7;
  --wc-ui-palette-page-dark: #1C1C1E;
  --wc-ui-palette-page: var(--wc-ui-palette-page-light);
  --wc-ui-palette-surface: rgba(255, 255, 255, 0.7);
  --wc-ui-palette-text-main: #1D1D1F;
  --wc-ui-palette-text-muted: #57575C;
  --wc-ui-palette-text-on-dark: #FFFFFF;
  --wc-ui-palette-border: rgba(26, 58, 82, 0.12);
  --wc-ui-palette-focus: var(--wc-ui-gold);
  --wc-ui-label-color: #B28350;
  --wc-ui-data-card-base: #FFFFFF;
  --wc-ui-data-card-bg: var(--wc-ui-data-card-base);
  --wc-ui-label-color-dark: #B8935F;
  --wc-ui-success-color: #4CAF50;
  --wc-ui-error-color: #F44336;
  --wc-ui-warning-color: #FF9800;
  --wc-ui-info-color: var(--wc-ui-label-color);
}
body.dark-mode {
  --wc-ui-palette-page: var(--wc-ui-palette-page-dark);
  --wc-ui-palette-surface: rgba(30, 30, 30, 0.7);
  --wc-ui-palette-text-main: #F5F5F7;
  --wc-ui-palette-text-muted: #A1A1A6;
  --wc-ui-palette-border: rgba(255, 255, 255, 0.12);
  --wc-ui-palette-focus: var(--wc-ui-gold-light);
  --wc-ui-label-color: var(--wc-ui-gold-light);
  --wc-ui-data-card-base: #1C1C1E;
  --wc-ui-data-card-bg: var(--wc-ui-data-card-base);
  --wc-ui-label-color-dark: #E8C9A1;
}
:root {
  --wc-ui-data-border: color-mix(in srgb, white 42%, transparent);
}
body.dark-mode {
  --wc-ui-data-border: color-mix(in srgb, white 18%, transparent);
}
body.native-platform {
  --wc-ui-data-border: rgba(255, 255, 255, 0.42);
}
body.native-platform.dark-mode {
  --wc-ui-data-border: rgba(255, 255, 255, 0.18);
}
:root,
body.dark-mode {
  --wc-ui-nav-bg: var(--wc-ui-panel-bg);
  --wc-ui-scanner-preview-scrim: rgba(9, 26, 39, .22);
  --wc-ui-scanner-frame-scrim: rgba(0, 0, 0, .32);
  --wc-ui-translucent-alpha: .94;
  --wc-ui-accent-active-bg: color-mix(in srgb, var(--wc-ui-accent) 85%, var(--wc-ui-text-main));
  --wc-ui-accent-pressed-bg: color-mix(in srgb, var(--wc-ui-accent) 75%, var(--wc-ui-text-main));
  --wc-ui-accent-disabled-bg: color-mix(in srgb, var(--wc-ui-accent) 20%, var(--wc-ui-panel-bg));
  --wc-ui-accent-disabled-text: var(--wc-ui-text-muted);
  --wc-ui-hover-bg: color-mix(in srgb, var(--wc-ui-accent) 12%, transparent);
  --wc-ui-selected-bg: color-mix(in srgb, var(--wc-ui-accent) 16%, transparent);
  --wc-ui-icon-pocket-bg: var(--wc-ui-page-bg);
  --wc-ui-lift-distance: -2px;
  --wc-ui-lift-duration: 140ms;
  --wc-ui-lift-easing: ease-out;
  --wc-ui-lift-hold-delay: 240ms;
  --wc-ui-nav-pressed-bg: color-mix(in srgb, var(--wc-ui-accent) 28%, transparent);
  --wc-ui-nav-pressed-ring: inset 0 0 0 1px color-mix(in srgb, var(--wc-ui-accent) 40%, transparent);
}
:root,
body.dark-mode {
  --wc-ui-control-bg: var(--wc-ui-panel-bg);
  --wc-ui-control-hover-bg: color-mix(in srgb, var(--wc-ui-accent) 12%, var(--wc-ui-control-bg));
  --wc-ui-control-pressed-bg: color-mix(in srgb, var(--wc-ui-accent) 20%, var(--wc-ui-control-bg));
  --wc-ui-control-disabled-bg: color-mix(in srgb, var(--wc-ui-text-muted) 8%, var(--wc-ui-panel-bg));
  --wc-ui-control-disabled-text: var(--wc-ui-text-muted);
  --wc-ui-input-bg: var(--wc-ui-page-bg);
  --wc-ui-toggle-thumb-bg: color-mix(in srgb, white 94%, var(--wc-ui-palette-surface) 6%);
  --wc-ui-settings-toggle-active-bg: var(--wc-ui-label-color);
  --wc-ui-settings-avatar-bg: color-mix(in srgb, var(--wc-ui-label-color) 18%, var(--wc-ui-panel-bg));
  --wc-ui-success-bg: color-mix(in srgb, var(--wc-ui-success-text) 10%, var(--wc-ui-panel-bg));
  --wc-ui-success-hover-bg: color-mix(in srgb, var(--wc-ui-success-text) 12%, var(--wc-ui-panel-bg));
  --wc-ui-success-pressed-bg: color-mix(in srgb, var(--wc-ui-success-text) 14%, var(--wc-ui-panel-bg));
  --wc-ui-danger-bg: color-mix(in srgb, var(--wc-ui-error-color) 12%, var(--wc-ui-panel-bg));
  --wc-ui-danger-hover-bg: color-mix(in srgb, var(--wc-ui-error-color) 20%, var(--wc-ui-panel-bg));
  --wc-ui-danger-pressed-bg: color-mix(in srgb, var(--wc-ui-error-color) 28%, var(--wc-ui-panel-bg));
  --wc-ui-danger-border: color-mix(in srgb, var(--wc-ui-error-color) 28%, transparent);
  --wc-ui-scrim-bg: rgb(7 13 24 / .45);
}
:root,
body.dark-mode {
  --wc-ui-detail-warning-bg: color-mix(in srgb, var(--wc-ui-gold) 12%, var(--wc-ui-panel-bg));
}
:root,
body.dark-mode {
  --wc-ui-dialog-bg: var(--wc-ui-page-bg);
  --wc-ui-field-bg: var(--wc-ui-panel-bg);
  --wc-ui-loading-bg: color-mix(in srgb, var(--wc-ui-page-bg) 75%, transparent);
  --wc-ui-category-warning-bg: color-mix(in srgb, var(--wc-ui-category-warning-fill) 12%, var(--wc-ui-panel-bg));
}
:root {
  --wc-ui-native-disabled-opacity: 0.48;
}
:root {
  --wc-ui-feedback-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
body {
  background: var(--wc-ui-page-bg);
}
app-root {
  display: block;
  min-height: 100%;
}
.wc-flat-collection-tint::before {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--collection-accent) var(--wc-ui-collection-tint-strength), transparent),
      transparent);
}
.wc-flat-nav {
  background: color-mix(in srgb, var(--wc-ui-nav-bg) calc(var(--wc-ui-translucent-alpha) * 100%), transparent);
  border-color: var(--wc-ui-border);
  box-shadow: var(--wc-ui-shadow);
  color: var(--wc-ui-text-main);
}
.wc-flat-menu,
.cdk-overlay-pane .mat-mdc-menu-panel.wc-flat-menu {
  --mat-menu-container-color: var(--wc-ui-menu-bg);
  --mat-menu-item-label-text-color: var(--wc-ui-text-main);
  --mat-menu-item-icon-color: var(--wc-ui-text-muted);
  --mat-menu-item-hover-state-layer-color: var(--wc-ui-hover-bg);
  --mat-menu-item-focus-state-layer-color: var(--wc-ui-selected-bg);
  background: var(--wc-ui-menu-bg);
  border-color: var(--wc-ui-border);
  box-shadow: var(--wc-ui-shadow);
  color: var(--wc-ui-text-main);
}
.wc-flat-card {
  background: var(--wc-ui-panel-bg);
  border-color: var(--wc-ui-border);
  box-shadow: var(--wc-ui-shadow);
  color: var(--wc-ui-text-main);
}
.wc-flat-icon-pocket {
  background: var(--wc-ui-icon-pocket-bg);
  border-color: var(--wc-ui-border);
}
.wc-flat-collection-card {
  --wc-ui-collection-bg: color-mix(in srgb, var(--collection-accent) 8%, var(--wc-ui-data-card-bg));
  --wc-ui-collection-stat-bg: color-mix(in srgb, var(--wc-ui-palette-text-main) 5%, var(--wc-ui-data-card-bg));
  --wc-ui-collection-stat-border: color-mix(in srgb, var(--wc-ui-data-border) 62%, transparent);
  --wc-ui-collection-icon: color-mix(in srgb, var(--collection-accent) 68%, var(--wc-ui-gold));
  --wc-ui-collection-icon-bg: color-mix(in srgb, var(--collection-accent) 14%, transparent);
  --wc-ui-collection-divider: color-mix(in srgb, var(--wc-ui-data-border) 74%, transparent);
  background: var(--wc-ui-collection-bg);
  box-shadow: var(--wc-ui-shadow);
  color: var(--wc-ui-text-main);
}
.wc-flat-collectible-card {
  --wc-ui-collectible-bg: var(--wc-ui-data-card-bg);
  background: var(--wc-ui-collectible-bg);
  box-shadow: var(--wc-ui-shadow);
  color: var(--wc-ui-text-main);
}
.wc-flat-control.wc-flat-favorite-control {
  --wc-ui-favorite-border: var(--wc-ui-border);
  --wc-ui-favorite-icon: var(--wc-ui-palette-text-main);
  --wc-ui-favorite-selected-icon: var(--wc-ui-gold);
  --wc-ui-favorite-selected-border: color-mix(in srgb, var(--wc-ui-gold) 20%, transparent);
  background: var(--wc-ui-data-card-bg);
  color: var(--wc-ui-favorite-icon);
  box-shadow: var(--wc-ui-shadow);
}
.wc-flat-type-badge {
  --wc-ui-badge-icon: color-mix(in srgb, var(--collection-accent, var(--wc-ui-gold)) 74%, white);
  --wc-ui-badge-bg: color-mix(in srgb, var(--collection-accent, var(--wc-ui-gold)) 18%, var(--wc-ui-data-card-bg));
  --wc-ui-badge-border: color-mix(in srgb, var(--collection-accent, var(--wc-ui-gold)) 28%, var(--wc-ui-data-border));
  color: var(--wc-ui-badge-icon);
  background: var(--wc-ui-badge-bg);
}
.wc-flat-panel {
  background: var(--wc-ui-panel-bg);
  color: var(--wc-ui-text-main);
}
.wc-flat-notice {
  background: var(--wc-ui-notice-bg);
  color: var(--wc-ui-notice-text);
}
.wc-flat-danger-notice {
  background: var(--wc-ui-danger-bg);
  color: var(--wc-ui-danger-text);
}
.wc-flat-control.wc-flat-card {
  background: var(--wc-ui-panel-bg);
}
.wc-flat-control.wc-flat-secondary-control {
  background: var(--wc-ui-control-bg);
}
.wc-flat-toned-pocket {
  --wc-ui-tone-strength: 14%;
  color: var(--wc-ui-tone-color);
  background: color-mix(in srgb, var(--wc-ui-tone-color) var(--wc-ui-tone-strength), var(--wc-ui-panel-bg));
}
.wc-flat-toned-pocket.tone-primary {
  --wc-ui-tone-color: var(--wc-ui-label-color);
  --wc-ui-tone-strength: 16%;
}
.wc-flat-toned-pocket.tone-teal {
  --wc-ui-tone-color: var(--wc-ui-info-color);
}
.wc-flat-toned-pocket.tone-purple {
  --wc-ui-tone-color: var(--wc-ui-label-color-dark);
}
.wc-flat-toned-pocket.tone-gold {
  --wc-ui-tone-color: var(--wc-ui-gold-light);
}
.wc-flat-toned-pocket.tone-orange,
.wc-flat-toned-pocket.settings-badge.tone-warning {
  --wc-ui-tone-color: var(--wc-ui-warning-color);
}
.wc-flat-toned-pocket.tone-success {
  --wc-ui-tone-color: var(--wc-ui-success-color);
}
.wc-flat-toned-pocket.icon-pocket.tone-warning,
.wc-flat-toned-pocket.tone-error {
  --wc-ui-tone-color: var(--wc-ui-error-color);
}
.wc-flat-control {
  --mat-button-outlined-label-text-color: var(--wc-ui-text-main);
  --mat-button-outlined-outline-color: var(--wc-ui-border);
  color: var(--wc-ui-text-main);
  background: transparent;
  transition: none;
}
.wc-flat-control:active:not(.wc-flat-accent-control):not(.wc-flat-secondary-control):not(.wc-flat-danger-control):not(.wc-flat-success-control):not(.wc-flat-nav-item):not(.wc-flat-card):not(:disabled):not([aria-disabled=true]) {
  background-color: var(--wc-ui-hover-bg);
}
.wc-flat-input:focus-visible,
.wc-flat-control:focus-visible,
.wc-flat-liftable:focus-visible {
  outline: 3px solid var(--wc-ui-accent);
  outline-offset: 3px;
}
.wc-flat-accent-control {
  --wc-ui-button-hover-bg: var(--wc-ui-accent-active-bg);
  --wc-ui-button-pressed-bg: var(--wc-ui-accent-pressed-bg);
  --wc-ui-button-disabled-bg: var(--wc-ui-accent-disabled-bg);
  --wc-ui-button-disabled-text: var(--wc-ui-accent-disabled-text);
  --mat-button-protected-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-hover-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-focus-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-pressed-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-container-color: var(--wc-ui-accent);
  --mat-button-protected-label-text-color: var(--wc-ui-on-accent);
  --mat-button-filled-container-color: var(--wc-ui-accent);
  --mat-button-filled-label-text-color: var(--wc-ui-on-accent);
  color: var(--wc-ui-on-accent);
  background: var(--wc-ui-accent);
}
.wc-flat-accent-control:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--wc-ui-accent-pressed-bg);
}
.wc-flat-nav-item {
  color: var(--wc-ui-text-muted);
}
.wc-flat-nav-item.active {
  color: var(--wc-ui-accent);
  background-color: var(--wc-ui-selected-bg);
}
.wc-flat-nav-item.pending {
  color: var(--wc-ui-accent);
  background-color: var(--wc-ui-hover-bg);
}
.wc-flat-nav-item:active:not([aria-disabled=true]) {
  color: var(--wc-ui-text-main);
  background-color: var(--wc-ui-nav-pressed-bg);
  box-shadow: var(--wc-ui-nav-pressed-ring);
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.wc-flat-desktop-hover .wc-flat-control:not(.wc-flat-accent-control):not(.wc-flat-secondary-control):not(.wc-flat-danger-control):not(.wc-flat-success-control):not(.wc-flat-card):not(:disabled):not([aria-disabled=true]):not(:active):hover {
    background-color: var(--wc-ui-hover-bg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wc-flat-control {
    transition: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  body.wc-flat-desktop-hover .wc-flat-liftable,
  .wc-flat-liftable.wc-flat-touch-lift:not(:disabled):not([aria-disabled=true]) {
    transition: transform var(--wc-ui-lift-duration) var(--wc-ui-lift-easing);
  }
  body.wc-flat-desktop-hover .wc-flat-liftable:not(:disabled):not([aria-disabled=true]):not(:active):not(:has(button:hover)):hover,
  .wc-flat-liftable.wc-flat-touch-lift:not(:disabled):not([aria-disabled=true]) {
    transform: translateY(var(--wc-ui-lift-distance));
    box-shadow: var(--wc-ui-shadow-hover);
  }
}
@media (forced-colors: active) {
  .wc-flat-control:focus-visible {
    outline-color: Highlight;
  }
  .wc-flat-nav-item.active {
    color: LinkText;
  }
}
.wc-flat-tab {
  color: var(--wc-ui-text-muted);
}
.wc-flat-tab.active {
  background: var(--wc-ui-selected-bg);
  color: var(--wc-ui-text-main);
}
.wc-flat-favorite-control.is-favorite {
  color: var(--wc-ui-favorite-selected-icon);
  --wc-ui-favorite-border: var(--wc-ui-favorite-selected-border);
}
.wc-flat-tab:focus-visible {
  outline-offset: -3px;
}
.wc-flat-control.wc-flat-danger-control {
  --wc-ui-button-hover-bg: var(--wc-ui-danger-hover-bg);
  --wc-ui-button-pressed-bg: var(--wc-ui-danger-pressed-bg);
  --mat-button-outlined-label-text-color: var(--wc-ui-danger-text);
  --mat-button-outlined-outline-color: var(--wc-ui-danger-border);
  --mat-button-protected-container-color: var(--wc-ui-danger-bg);
  --mat-button-protected-label-text-color: var(--wc-ui-danger-text);
  --mat-button-filled-container-color: var(--wc-ui-danger-bg);
  --mat-button-filled-label-text-color: var(--wc-ui-danger-text);
  color: var(--wc-ui-danger-text);
  background: var(--wc-ui-danger-bg);
}
.wc-flat-control.wc-flat-secondary-control {
  --wc-ui-button-hover-bg: var(--wc-ui-control-hover-bg);
  --wc-ui-button-pressed-bg: var(--wc-ui-control-pressed-bg);
}
.wc-flat-control.wc-flat-secondary-control.mat-mdc-raised-button {
  --mat-button-protected-container-color: var(--wc-ui-control-bg);
  --mat-button-protected-label-text-color: var(--wc-ui-text-main);
  --mat-button-protected-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-hover-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-focus-container-elevation-shadow: var(--wc-ui-shadow);
  --mat-button-protected-pressed-container-elevation-shadow: var(--wc-ui-shadow);
}
.wc-flat-control.wc-flat-success-control {
  --wc-ui-button-hover-bg: var(--wc-ui-success-hover-bg);
  --wc-ui-button-pressed-bg: var(--wc-ui-success-pressed-bg);
  --mat-button-outlined-label-text-color: var(--wc-ui-success-text);
  --mat-button-outlined-outline-color: var(--wc-ui-success-text);
  --mat-button-protected-container-color: var(--wc-ui-success-bg);
  --mat-button-protected-label-text-color: var(--wc-ui-success-text);
  --mat-button-filled-container-color: var(--wc-ui-success-bg);
  --mat-button-filled-label-text-color: var(--wc-ui-success-text);
  color: var(--wc-ui-success-text);
  background: var(--wc-ui-success-bg);
}
@media (hover: hover) and (pointer: fine) {
  .wc-flat-control:is(.wc-flat-secondary-control, .wc-flat-accent-control, .wc-flat-danger-control, .wc-flat-success-control):not(:disabled):not([aria-disabled=true]):not(:active):hover {
    background-color: var(--wc-ui-button-hover-bg);
  }
}
.wc-flat-control:is(.wc-flat-secondary-control, .wc-flat-accent-control, .wc-flat-danger-control, .wc-flat-success-control):not(:disabled):not([aria-disabled=true]):active {
  background-color: var(--wc-ui-button-pressed-bg);
}
.wc-flat-control:is(.wc-flat-secondary-control, .wc-flat-accent-control, .wc-flat-danger-control, .wc-flat-success-control):is(:disabled, [aria-disabled=true], .mat-mdc-button-disabled) {
  --mat-button-text-disabled-label-text-color: var(--wc-ui-button-disabled-text, var(--wc-ui-control-disabled-text));
  --mat-button-outlined-disabled-label-text-color: var(--wc-ui-button-disabled-text, var(--wc-ui-control-disabled-text));
  --mat-button-outlined-disabled-outline-color: var(--wc-ui-border);
  --mat-button-protected-disabled-container-color: var(--wc-ui-button-disabled-bg, var(--wc-ui-control-disabled-bg));
  --mat-button-protected-disabled-label-text-color: var(--wc-ui-button-disabled-text, var(--wc-ui-control-disabled-text));
  --mat-button-filled-disabled-container-color: var(--wc-ui-button-disabled-bg, var(--wc-ui-control-disabled-bg));
  --mat-button-filled-disabled-label-text-color: var(--wc-ui-button-disabled-text, var(--wc-ui-control-disabled-text));
  --mat-icon-button-disabled-icon-color: var(--wc-ui-button-disabled-text, var(--wc-ui-control-disabled-text));
  background: var(--wc-ui-button-disabled-bg, var(--wc-ui-control-disabled-bg));
  color: var(--wc-ui-button-disabled-text, var(--wc-ui-control-disabled-text));
  box-shadow: none;
  cursor: default;
}
.wc-flat-settings .settings-card > .wc-flat-control:first-child:is(:hover, :active, .wc-flat-touch-lift) {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.wc-flat-settings .settings-card > .wc-flat-control:last-child:is(:hover, :active, .wc-flat-touch-lift) {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.wc-flat-link {
  color: var(--wc-ui-link);
}
.wc-flat-control.wc-flat-density-control.is-active {
  color: var(--wc-ui-text-main);
  background: var(--wc-ui-selected-bg);
  border-color: var(--wc-ui-accent);
}
:root {
  --mat-form-field-outlined-container-shape: var(--wc-layout-radius-card);
  --mat-form-field-outlined-outline-color: var(--wc-ui-border);
  --mat-form-field-outlined-focus-outline-color: var(--wc-ui-accent);
  --mat-form-field-outlined-hover-outline-color: var(--wc-ui-accent);
  --mat-form-field-outlined-label-text-color: var(--wc-ui-text-muted);
  --mat-form-field-outlined-focus-label-text-color: var(--wc-ui-accent);
  --mat-form-field-outlined-input-text-color: var(--wc-ui-text-main);
  --mat-form-field-outlined-input-text-font: var(--wc-type-font-sans);
  --mat-dialog-container-shape: var(--wc-layout-radius-panel);
  --mat-dialog-container-color: var(--wc-ui-dialog-bg);
  --mat-dialog-subhead-color: var(--wc-ui-text-main);
  --mat-dialog-supporting-text-color: var(--wc-ui-text-main);
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-label-text-color: white;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-protected-container-shape: 9999px;
  --mat-menu-container-shape: var(--wc-layout-menu-radius);
  --mat-menu-container-color: var(--wc-ui-menu-bg);
  --mat-menu-item-label-text-color: var(--wc-ui-text-main);
  --mat-menu-item-icon-color: var(--wc-ui-text-muted);
  --mat-menu-divider-color: var(--wc-ui-border);
  --mat-menu-item-hover-state-layer-color: var(--wc-ui-hover-bg);
  --mat-menu-item-focus-state-layer-color: var(--wc-ui-selected-bg);
  --mat-snackbar-container-color: var(--wc-ui-panel-bg);
  --mat-snackbar-supporting-text-color: var(--wc-ui-text-main);
}
.mat-mdc-dialog-container {
  --mat-dialog-container-color: transparent;
  --mat-dialog-container-shape: var(--wc-layout-radius-panel, 24px);
  background: transparent;
  box-shadow: none;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  background: var(--wc-ui-dialog-bg);
  border-radius: var(--wc-layout-radius-panel, 24px);
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(var(--wc-layout-page-min-height, 100dvh) - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
}
.mat-mdc-dialog-container [mat-dialog-title] {
  background: var(--wc-ui-field-bg);
  padding: 26px 32px;
  margin: 0;
  font-weight: 700;
  color: var(--wc-ui-text-main);
  border-bottom: 1px solid var(--wc-ui-border);
}
.mat-mdc-dialog-container [mat-dialog-title]::before {
  display: none;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 32px;
  color: var(--wc-ui-text-main);
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: 26px;
  border-top: 1px solid var(--wc-ui-border);
  background: transparent;
  gap: 8px;
}
.cdk-overlay-dark-backdrop {
  background: var(--wc-ui-scrim-bg);
  opacity: 1;
}
.cdk-overlay-dark-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-overlay-pane .mat-mdc-menu-panel {
  position: relative;
  background: var(--wc-ui-menu-bg);
  border: 1px solid var(--wc-ui-border);
  border-radius: var(--wc-layout-menu-radius, var(--wc-layout-radius-card, 20px));
  overflow: hidden;
  box-shadow: var(--wc-ui-shadow);
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0;
  border-radius: inherit;
  background: transparent;
  position: relative;
  z-index: 2;
}
.mat-mdc-menu-item {
  color: var(--wc-ui-text-main);
  min-height: 48px;
  margin: 0;
  border-radius: 0;
  background: transparent;
}
.mat-mdc-menu-item .mat-icon {
  color: var(--wc-ui-text-muted);
  margin-right: 16px;
}
.mat-mdc-menu-item:focus-visible,
.mat-mdc-menu-item.cdk-keyboard-focused {
  outline: none;
  background: var(--wc-ui-selected-bg);
  box-shadow: inset 3px 0 0 var(--wc-ui-accent);
}
.mat-mdc-menu-item.cdk-program-focused,
.mat-mdc-menu-item.mat-mdc-menu-item-highlighted:not(.cdk-keyboard-focused):not(:hover):not([disabled]) {
  background: transparent;
  box-shadow: none;
}
.mat-mdc-menu-item[disabled] {
  opacity: 1;
  cursor: default;
  box-shadow: none;
}
.mat-mdc-menu-item[disabled] .mat-icon {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .mat-mdc-menu-item:hover:not([disabled]) {
    background: var(--wc-ui-hover-bg);
  }
}
.cdk-overlay-pane .mat-mdc-menu-content > .mat-mdc-menu-item:first-of-type {
  border-top-left-radius: var(--wc-layout-menu-radius);
  border-top-right-radius: var(--wc-layout-menu-radius);
}
.cdk-overlay-pane .mat-mdc-menu-content > .mat-mdc-menu-item:last-of-type {
  border-bottom-left-radius: var(--wc-layout-menu-radius);
  border-bottom-right-radius: var(--wc-layout-menu-radius);
}
.mat-mdc-menu-item .mdc-list-item__primary-text {
  color: inherit;
}
.mat-divider.mat-divider-horizontal,
.mat-mdc-menu-content .mat-divider {
  margin: 0;
  border-top-color: var(--wc-ui-border);
}
.mat-mdc-menu-item.delete-action .mat-icon {
  color: var(--wc-ui-danger-text);
}
.mat-mdc-checkbox label {
  color: var(--wc-ui-text-main);
  font-weight: 500;
}
.mat-mdc-radio-button label {
  color: var(--wc-ui-text-main);
}
.mat-mdc-chip-set .mat-mdc-standard-chip {
  position: relative;
  border-radius: 9999px;
  border: 1px solid var(--wc-ui-border);
  background: var(--wc-ui-panel-bg);
}
.mat-mdc-chip-set .mat-mdc-standard-chip.mat-mdc-chip-selected {
  background: var(--wc-ui-selected-bg);
  border-color: var(--wc-ui-accent);
  color: var(--wc-ui-accent);
}
.cdk-overlay-pane .form-select-panel-premium {
  background: var(--wc-ui-menu-bg);
  border: 1px solid var(--wc-ui-border);
  border-radius: 20px;
  overflow: hidden;
  margin-top: 8px;
  box-shadow: var(--wc-ui-shadow);
}
.cdk-overlay-pane .form-select-panel-premium .mat-mdc-option {
  font-size: 16px;
  min-height: 48px;
  padding: 0 16px;
  color: var(--wc-ui-text-main);
}
.cdk-overlay-pane .form-select-panel-premium .mat-mdc-option:hover {
  background: var(--wc-ui-hover-bg);
}
.cdk-overlay-pane .form-select-panel-premium .mat-mdc-option.mat-mdc-option-active {
  background: var(--wc-ui-selected-bg);
  color: var(--wc-ui-accent);
}
.cdk-overlay-pane .form-select-panel-premium .mat-mdc-option.mdc-list-item--selected {
  background: var(--wc-ui-selected-bg);
  color: var(--wc-ui-accent);
  font-weight: 600;
}
.wc-flat-legal {
  color: var(--wc-ui-text-main);
}
.wc-flat-legal mat-checkbox {
  --mat-checkbox-label-text-color: var(--wc-ui-text-main);
  --mat-checkbox-selected-icon-color: var(--wc-ui-accent);
  --mat-checkbox-selected-checkmark-color: var(--wc-ui-on-accent);
  --mat-checkbox-unselected-icon-color: var(--wc-ui-text-muted);
}
.wc-flat-dialog {
  background: color-mix(in srgb, var(--wc-ui-dialog-bg) calc(var(--wc-ui-translucent-alpha) * 100%), transparent);
  color: var(--wc-ui-text-main);
  box-shadow: var(--wc-ui-shadow);
}
.mat-mdc-dialog-container .mdc-dialog__surface:has(.wc-flat-dialog) {
  background: transparent;
  box-shadow: none;
  animation: none;
}
.cdk-overlay-container:has(.wc-flat-dialog) .cdk-overlay-dark-backdrop {
  background: var(--wc-ui-scrim-bg);
}
.wc-flat-auth mat-form-field {
  width: 100%;
  margin-bottom: 16px;
  --mat-form-field-outlined-input-text-color: var(--wc-ui-text-main);
  --mat-form-field-outlined-label-text-color: var(--wc-ui-text-muted);
  --mat-form-field-outlined-hover-label-text-color: var(--wc-ui-text-main);
  --mat-form-field-outlined-focus-label-text-color: var(--wc-ui-accent);
  --mat-form-field-outlined-outline-color: var(--wc-ui-border);
  --mat-form-field-outlined-hover-outline-color: var(--wc-ui-accent);
  --mat-form-field-outlined-focus-outline-color: var(--wc-ui-accent);
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-error-text-color: var(--wc-ui-danger-text);
}
.wc-flat-auth .mat-mdc-form-field-error {
  color: var(--wc-ui-danger-text);
}
.wc-flat-auth .mdc-text-field--outlined {
  background: var(--wc-ui-field-bg);
}
.wc-flat-auth mat-form-field.mat-form-field-invalid {
  --mat-form-field-outlined-outline-color: var(--wc-ui-danger-text);
  --mat-form-field-outlined-hover-outline-color: var(--wc-ui-danger-text);
  --mat-form-field-outlined-focus-outline-color: var(--wc-ui-danger-text);
}
.wc-flat-auth :is(input, textarea, select) {
  font-size: 1rem;
  color: var(--wc-ui-text-main);
  caret-color: var(--wc-ui-accent);
}
.wc-flat-auth input::placeholder {
  color: var(--wc-ui-text-muted);
  opacity: 1;
}
.wc-flat-auth .submit-button {
  width: 100%;
  min-height: 52px;
  margin-top: 8px;
  font-size: var(--wc-type-submit-font-size);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.wc-flat-auth .submit-button .mdc-button__label {
  width: 100%;
}
.wc-flat-auth .submit-button:is([aria-disabled=true], :disabled) {
  --mat-button-protected-container-color: var(--wc-ui-accent-disabled-bg);
  --mat-button-protected-label-text-color: var(--wc-ui-accent-disabled-text);
  --mat-button-protected-disabled-container-color: var(--wc-ui-accent-disabled-bg);
  --mat-button-protected-disabled-label-text-color: var(--wc-ui-accent-disabled-text);
  --mat-button-protected-hover-state-layer-opacity: 0;
  --mat-button-protected-pressed-state-layer-opacity: 0;
  background: var(--wc-ui-accent-disabled-bg);
  color: var(--wc-ui-accent-disabled-text);
  box-shadow: none;
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .wc-flat-auth .submit-button:not(:disabled):not([aria-disabled=true]):hover {
    background-color: var(--wc-ui-accent-active-bg);
    box-shadow: var(--wc-ui-shadow-hover);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .wc-flat-auth .submit-button {
    transition: transform var(--wc-ui-lift-duration) var(--wc-ui-lift-easing);
  }
  .wc-flat-auth .submit-button:not(:disabled):not([aria-disabled=true]):not(:active):hover {
    transform: translateY(var(--wc-ui-lift-distance));
  }
}
.wc-flat-toggle-group {
  --mat-button-toggle-background-color: var(--wc-ui-control-bg);
  --mat-button-toggle-text-color: var(--wc-ui-text-main);
  --mat-button-toggle-selected-state-background-color: var(--wc-ui-accent);
  --mat-button-toggle-selected-state-text-color: var(--wc-ui-on-accent);
  --mat-button-toggle-disabled-state-background-color: var(--wc-ui-control-disabled-bg);
  --mat-button-toggle-disabled-state-text-color: var(--wc-ui-control-disabled-text);
  --mat-button-toggle-disabled-selected-state-background-color: var(--wc-ui-accent-disabled-bg);
  --mat-button-toggle-disabled-selected-state-text-color: var(--wc-ui-accent-disabled-text);
  --mat-button-toggle-divider-color: var(--wc-ui-border);
  --mat-button-toggle-state-layer-color: var(--wc-ui-text-main);
  --mat-button-toggle-hover-state-layer-opacity: 0.12;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
}
.wc-flat-auth a {
  color: var(--wc-ui-link);
  text-decoration: none;
  font-weight: 600;
}
.wc-flat-auth a:hover {
  text-decoration: underline;
}
.wc-flat-auth :is(a, button, input[type=checkbox]):focus-visible {
  outline: 3px solid var(--wc-ui-accent);
  outline-offset: 3px;
}
.wc-flat-auth .mat-mdc-input-element:focus-visible {
  outline: none;
}
html.barcode-scanner-active,
body.barcode-scanner-active {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent !important;
}
body.barcode-scanner-active::before,
body.barcode-scanner-active::after {
  display: none;
}
body.barcode-scanner-active > app-root {
  visibility: hidden !important;
}
body.barcode-scanner-active > .cdk-overlay-container,
body.barcode-scanner-active .cdk-global-overlay-wrapper,
body.barcode-scanner-active .barcode-scanner-dialog-panel,
body.barcode-scanner-active .barcode-scanner-dialog-panel .mat-mdc-dialog-container,
body.barcode-scanner-active .barcode-scanner-dialog-panel .mdc-dialog__surface {
  visibility: visible !important;
}
body.barcode-scanner-active > .cdk-overlay-container,
body.barcode-scanner-active .cdk-global-overlay-wrapper,
body.barcode-scanner-active .barcode-scanner-dialog-panel,
body.barcode-scanner-active .barcode-scanner-dialog-panel .mat-mdc-dialog-container,
body.barcode-scanner-active .barcode-scanner-dialog-panel .mdc-dialog__surface {
  background: transparent !important;
}
body.barcode-scanner-active > .cdk-overlay-container,
body.barcode-scanner-active .cdk-global-overlay-wrapper {
  width: 100% !important;
  height: 100% !important;
}
body.barcode-scanner-active .cdk-global-overlay-wrapper {
  display: block !important;
}
body.barcode-scanner-active .cdk-overlay-backdrop {
  display: none !important;
  pointer-events: none !important;
}
.cdk-overlay-pane.barcode-scanner-dialog-panel {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1;
}
.cdk-overlay-pane.barcode-scanner-dialog-panel .mat-mdc-dialog-container,
.cdk-overlay-pane.barcode-scanner-dialog-panel .mdc-dialog__surface {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  min-height: 100%;
  font-family: var(--wc-type-font-sans);
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100%;
}
@media (min-width: 1024px) {
  html {
    scrollbar-gutter: stable;
  }
}
body {
  margin: 0;
  min-height: 100dvh;
  color: var(--wc-ui-text-main);
}
input,
select,
textarea,
button {
  font-size: 16px;
  font-family: inherit;
}
button,
a,
[role=button] {
  touch-action: manipulation;
  cursor: pointer;
}

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