@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&family=Tsukimi+Rounded:wght@300;400;500;600;700&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.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: rgba(0, 0, 0, 0);
  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: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(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;
}

/* projects/applications/membership-purchase-web/src/styles.scss */
:root {
  --gearbox-primary: #f2719d;
  --gearbox-on-primary: #ffffff;
  --gearbox-primary-container: #ffffff;
  --gearbox-on-primary-container: #f2719d;
  --gearbox-secondary: #4e34c0;
  --gearbox-on-secondary: #ffffff;
  --gearbox-secondary-container: #efe7f2;
  --gearbox-on-secondary-container: #4e34c0;
  --gearbox-tertiary: #9c71f2;
  --gearbox-on-tertiary: #ffffff;
  --gearbox-tertiary-container: #f2e9ff;
  --gearbox-on-tertiary-container: #9c71f2;
  --gearbox-danger: #ba1a1a;
  --gearbox-on-danger: #ffffff;
  --gearbox-danger-container: #ffedea;
  --gearbox-on-danger-container: #ba1a1a;
  --gearbox-background: #ffffff;
  --gearbox-surface: #ffffff;
  --gearbox-surface-dim: #eaeaea;
  --gearbox-surface-bright: #ffffff;
  --gearbox-surface-scrim: #fff7ff;
  --gearbox-surface-container-highest: #efe7f2;
  --gearbox-surface-container-high: #efe7f2;
  --gearbox-surface-container-mid: #fff7ff;
  --gearbox-surface-container-low: #fff7ff;
  --gearbox-surface-container-lowest: #fff7ff;
  --gearbox-on-surface: #454c66;
  --gearbox-on-surface-container-highest: #1a0515;
  --gearbox-on-surface-container-high: #1a0515;
  --gearbox-on-surface-container-mid: #1a0515;
  --gearbox-on-surface-container-low: #1a0515;
  --gearbox-on-surface-container-lowest: #201520;
  --gearbox-outline: #efe7f2;
  --gearbox-outline-primary: #f2719d;
  --gearbox-outline-secondary: #4e34c0;
  --gearbox-outline-variant: #efe7f2;
  --gearbox-primary-rgb:
    242,
    113,
    157;
  --gearbox-on-primary-rgb:
    255,
    255,
    255;
  --gearbox-primary-container-rgb:
    255,
    255,
    255;
  --gearbox-on-primary-container-rgb:
    242,
    113,
    157;
  --gearbox-secondary-rgb:
    78,
    52,
    192;
  --gearbox-on-secondary-rgb:
    255,
    255,
    255;
  --gearbox-secondary-container-rgb:
    239,
    231,
    242;
  --gearbox-on-secondary-container-rgb:
    78,
    52,
    192;
  --gearbox-tertiary-rgb:
    156,
    113,
    242;
  --gearbox-on-tertiary-rgb:
    255,
    255,
    255;
  --gearbox-tertiary-container-rgb:
    242,
    233,
    255;
  --gearbox-on-tertiary-container-rgb:
    156,
    113,
    242;
  --gearbox-danger-rgb:
    186,
    26,
    26;
  --gearbox-on-danger-rgb:
    255,
    255,
    255;
  --gearbox-danger-container-rgb:
    255,
    237,
    234;
  --gearbox-on-danger-container-rgb:
    186,
    26,
    26;
  --gearbox-background-rgb:
    255,
    255,
    255;
  --gearbox-surface-rgb:
    255,
    255,
    255;
  --gearbox-surface-dim-rgb:
    234,
    234,
    234;
  --gearbox-surface-bright-rgb:
    255,
    255,
    255;
  --gearbox-surface-scrim-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-highest-rgb:
    239,
    231,
    242;
  --gearbox-surface-container-high-rgb:
    239,
    231,
    242;
  --gearbox-surface-container-mid-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-low-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-lowest-rgb:
    255,
    247,
    255;
  --gearbox-on-surface-rgb:
    69,
    76,
    102;
  --gearbox-on-surface-container-highest-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-high-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-mid-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-low-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-lowest-rgb:
    32,
    21,
    32;
  --gearbox-outline-rgb:
    239,
    231,
    242;
  --gearbox-outline-primary-rgb:
    242,
    113,
    157;
  --gearbox-outline-secondary-rgb:
    78,
    52,
    192;
  --gearbox-outline-variant-rgb:
    239,
    231,
    242;
}
:root .mat-calendar-body-cell-content {
  font-weight: 600;
}
:root {
  --mat-sys-background: white;
  --mat-sys-error: rgb(148.8, 20.8, 20.8);
  --mat-sys-error-container: rgb(241.2, 209.2, 209.2);
  --mat-sys-inverse-on-surface: white;
  --mat-sys-inverse-primary: rgb(249.8, 198.2, 215.8);
  --mat-sys-inverse-surface: #666666;
  --mat-sys-on-background: #333333;
  --mat-sys-on-error: white;
  --mat-sys-on-error-container: rgb(111.6, 15.6, 15.6);
  --mat-sys-on-primary: white;
  --mat-sys-on-primary-container: rgb(145.2, 67.8, 94.2);
  --mat-sys-on-primary-fixed: rgb(48.4, 22.6, 31.4);
  --mat-sys-on-primary-fixed-variant: rgb(145.2, 67.8, 94.2);
  --mat-sys-on-secondary: white;
  --mat-sys-on-secondary-container: rgb(46.8, 31.2, 115.2);
  --mat-sys-on-secondary-fixed: rgb(15.6, 10.4, 38.4);
  --mat-sys-on-secondary-fixed-variant: rgb(46.8, 31.2, 115.2);
  --mat-sys-on-surface: #333333;
  --mat-sys-on-surface-variant: rgb(153, 148.2, 153);
  --mat-sys-on-tertiary: white;
  --mat-sys-on-tertiary-container: rgb(41.4, 45.6, 61.2);
  --mat-sys-on-tertiary-fixed: rgb(13.8, 15.2, 20.4);
  --mat-sys-on-tertiary-fixed-variant: rgb(41.4, 45.6, 61.2);
  --mat-sys-outline: #fff7ff;
  --mat-sys-outline-variant: rgb(255, 251.8, 255);
  --mat-sys-primary: rgb(193.6, 90.4, 125.6);
  --mat-sys-primary-container: rgb(252.4, 226.6, 235.4);
  --mat-sys-primary-fixed: rgb(252.4, 226.6, 235.4);
  --mat-sys-primary-fixed-dim: rgb(249.8, 198.2, 215.8);
  --mat-sys-scrim: black;
  --mat-sys-secondary: rgb(62.4, 41.6, 153.6);
  --mat-sys-secondary-container: rgb(219.6, 214.4, 242.4);
  --mat-sys-secondary-fixed: rgb(219.6, 214.4, 242.4);
  --mat-sys-secondary-fixed-dim: rgb(184.2, 173.8, 229.8);
  --mat-sys-shadow: black;
  --mat-sys-surface: white;
  --mat-sys-surface-bright: white;
  --mat-sys-surface-container: white;
  --mat-sys-surface-container-high: white;
  --mat-sys-surface-container-highest: white;
  --mat-sys-surface-container-low: white;
  --mat-sys-surface-container-lowest: white;
  --mat-sys-surface-dim: white;
  --mat-sys-surface-tint: rgb(193.6, 90.4, 125.6);
  --mat-sys-surface-variant: rgb(255, 253.4, 255);
  --mat-sys-tertiary: rgb(55.2, 60.8, 81.6);
  --mat-sys-tertiary-container: rgb(217.8, 219.2, 224.4);
  --mat-sys-tertiary-fixed: rgb(217.8, 219.2, 224.4);
  --mat-sys-tertiary-fixed-dim: rgb(180.6, 183.4, 193.8);
  --mat-sys-neutral-variant20: rgb(102, 98.8, 102);
  --mat-sys-neutral10: #333333;
}
:root {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
:root {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html {
  background-color: var(--idp-color-background);
  color: var(--idp-color-text);
  font-size: 10px;
  height: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
}
body {
  font-family: var(--idp-font-family);
  font-size: 1.6rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  margin: 0;
  position: relative;
  text-rendering: auto;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-wrap: break-word;
}
a {
  color: inherit;
  text-decoration: none;
}
input,
textarea {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
}
tbx-wysiwyg-body {
  --app-color-primary: var(--idp-color-primary);
}
.cdk-dialog-container {
  outline: none;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.tpl-toast-container {
  height: 100%;
  pointer-events: none !important;
  width: 100%;
}
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-animating {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}
.grecaptcha-badge {
  visibility: hidden;
}
.g-recaptcha-bubble-arrow {
  display: none;
}
.g-recaptcha-bubble-arrow + div {
  left: 50%;
  position: fixed !important;
  top: 50%;
  transform: translate(-50%, -50%);
}
:root {
  --idp-color-primary: #f2719d;
  --idp-color-primary-rgb:
    242,
    113,
    157;
  --idp-color-primary-contrast: #ffffff;
  --idp-color-primary-contrast-rgb:
    255,
    255,
    255;
  --idp-color-primary-shade: rgb(212.96, 99.44, 138.16);
  --idp-color-primary-tint: rgb(243.3, 127.2, 166.8);
  --idp-color-accent: #9c71f2;
  --idp-color-accent-rgb:
    156,
    113,
    242;
  --idp-color-accent-contrast: #ffffff;
  --idp-color-accent-contrast-rgb:
    255,
    255,
    255;
  --idp-color-accent-shade: rgb(137.28, 99.44, 212.96);
  --idp-color-accent-tint: rgb(165.9, 127.2, 243.3);
  --idp-color-store: #25cf9d;
  --idp-color-store-rgb:
    37,
    207,
    157;
  --idp-color-store-contrast: #0a0a0a;
  --idp-color-store-contrast-rgb:
    10,
    10,
    10;
  --idp-color-store-shade: rgb(32.56, 182.16, 138.16);
  --idp-color-store-tint: rgb(58.8, 211.8, 166.8);
  --idp-color-attention: #f23325;
  --idp-color-attention-rgb:
    242,
    51,
    37;
  --idp-color-attention-contrast: #ffffff;
  --idp-color-attention-contrast-rgb:
    255,
    255,
    255;
  --idp-color-attention-shade: rgb(212.96, 44.88, 32.56);
  --idp-color-attention-tint: rgb(243.3, 71.4, 58.8);
  --idp-color-disabled: #cccccc;
  --idp-color-disabled-rgb:
    204,
    204,
    204;
  --idp-color-disabled-contrast: #0a0a0a;
  --idp-color-disabled-contrast-rgb:
    10,
    10,
    10;
  --idp-color-disabled-shade: rgb(179.52, 179.52, 179.52);
  --idp-color-disabled-tint: rgb(209.1, 209.1, 209.1);
  --idp-color-success: #2dd36f;
  --idp-color-success-rgb:
    45,
    211,
    111;
  --idp-color-success-contrast: #0a0a0a;
  --idp-color-success-contrast-rgb:
    10,
    10,
    10;
  --idp-color-success-shade: rgb(39.6, 185.68, 97.68);
  --idp-color-success-tint: rgb(66, 215.4, 125.4);
  --idp-color-background: #ffffff;
  --idp-color-background-rgb:
    255,
    255,
    255;
  --idp-color-background-contrast: #0a0a0a;
  --idp-color-background-contrast-rgb:
    10,
    10,
    10;
  --idp-color-background-shade: rgb(224.4, 224.4, 224.4);
  --idp-color-background-tint: white;
  --idp-color-background-accent: #eeeeee;
  --idp-color-background-accent-rgb:
    238,
    238,
    238;
  --idp-color-background-accent-contrast: #0a0a0a;
  --idp-color-background-accent-contrast-rgb:
    10,
    10,
    10;
  --idp-color-background-accent-shade: rgb(209.44, 209.44, 209.44);
  --idp-color-background-accent-tint: rgb(239.7, 239.7, 239.7);
  --idp-color-border: #efe7f2;
  --idp-color-border-rgb:
    239,
    231,
    242;
  --idp-color-border-contrast: #0a0a0a;
  --idp-color-border-contrast-rgb:
    10,
    10,
    10;
  --idp-color-border-shade: rgb(210.32, 203.28, 212.96);
  --idp-color-border-tint: rgb(240.6, 233.4, 243.3);
  --idp-color-background-disabled: #e3e3e3;
  --idp-color-background-disabled-rgb:
    227,
    227,
    227;
  --idp-color-background-disabled-contrast: #0a0a0a;
  --idp-color-background-disabled-contrast-rgb:
    10,
    10,
    10;
  --idp-color-background-disabled-shade: rgb(199.76, 199.76, 199.76);
  --idp-color-background-disabled-tint: rgb(229.8, 229.8, 229.8);
  --idp-color-text: #0a0a0a;
  --idp-color-text-rgb:
    10,
    10,
    10;
  --idp-color-text-contrast: #ffffff;
  --idp-color-text-contrast-rgb:
    255,
    255,
    255;
  --idp-color-text-shade: rgb(8.8, 8.8, 8.8);
  --idp-color-text-tint: rgb(34.5, 34.5, 34.5);
  --idp-color-text-light: #727272;
  --idp-color-text-light-rgb:
    114,
    114,
    114;
  --idp-color-text-light-contrast: #ffffff;
  --idp-color-text-light-contrast-rgb:
    255,
    255,
    255;
  --idp-color-text-light-shade: rgb(100.32, 100.32, 100.32);
  --idp-color-text-light-tint: rgb(128.1, 128.1, 128.1);
  --idp-color-base: #ffffff;
  --idp-color-base-rgb:
    255,
    255,
    255;
  --idp-color-base-contrast: #0a0a0a;
  --idp-color-base-contrast-rgb:
    10,
    10,
    10;
  --idp-color-base-shade: rgb(224.4, 224.4, 224.4);
  --idp-color-base-tint: white;
  --idp-color-icon: #0a0a0a;
  --idp-color-icon-rgb:
    10,
    10,
    10;
  --idp-color-icon-contrast: #ffffff;
  --idp-color-icon-contrast-rgb:
    255,
    255,
    255;
  --idp-color-icon-shade: rgb(8.8, 8.8, 8.8);
  --idp-color-icon-tint: rgb(34.5, 34.5, 34.5);
  --idp-color-icon-light: #adacac;
  --idp-color-icon-light-rgb:
    173,
    172,
    172;
  --idp-color-icon-light-contrast: #0a0a0a;
  --idp-color-icon-light-contrast-rgb:
    10,
    10,
    10;
  --idp-color-icon-light-shade: rgb(152.24, 151.36, 151.36);
  --idp-color-icon-light-tint: rgb(181.2, 180.3, 180.3);
  --idp-color-header-background: #ffffff;
  --idp-color-header-background-rgb:
    255,
    255,
    255;
  --idp-color-header-background-contrast: #0a0a0a;
  --idp-color-header-background-contrast-rgb:
    10,
    10,
    10;
  --idp-color-header-background-shade: rgb(224.4, 224.4, 224.4);
  --idp-color-header-background-tint: white;
  --idp-color-footer-background: #0a0a0a;
  --idp-color-footer-background-rgb:
    10,
    10,
    10;
  --idp-color-footer-background-contrast: #ffffff;
  --idp-color-footer-background-contrast-rgb:
    255,
    255,
    255;
  --idp-color-footer-background-shade: rgb(8.8, 8.8, 8.8);
  --idp-color-footer-background-tint: rgb(34.5, 34.5, 34.5);
  --idp-color-form-background: #f8f8f8;
  --idp-color-form-background-rgb:
    248,
    248,
    248;
  --idp-color-form-background-contrast: #0a0a0a;
  --idp-color-form-background-contrast-rgb:
    10,
    10,
    10;
  --idp-color-form-background-shade: rgb(218.24, 218.24, 218.24);
  --idp-color-form-background-tint: rgb(248.7, 248.7, 248.7);
  --idp-color-item-background: #ffffff;
  --idp-color-item-background-rgb:
    255,
    255,
    255;
  --idp-color-item-background-contrast: #0a0a0a;
  --idp-color-item-background-contrast-rgb:
    10,
    10,
    10;
  --idp-color-item-background-shade: rgb(224.4, 224.4, 224.4);
  --idp-color-item-background-tint: white;
  --idp-color-item-background-accent: #f8f8f8;
  --idp-color-item-background-accent-rgb:
    248,
    248,
    248;
  --idp-color-item-background-accent-contrast: #0a0a0a;
  --idp-color-item-background-accent-contrast-rgb:
    10,
    10,
    10;
  --idp-color-item-background-accent-shade: rgb(218.24, 218.24, 218.24);
  --idp-color-item-background-accent-tint: rgb(248.7, 248.7, 248.7);
  --idp-color-alert-background: #eaeaea;
  --idp-color-alert-background-rgb:
    234,
    234,
    234;
  --idp-color-alert-background-contrast: #0a0a0a;
  --idp-color-alert-background-contrast-rgb:
    10,
    10,
    10;
  --idp-color-alert-background-shade: rgb(205.92, 205.92, 205.92);
  --idp-color-alert-background-tint: rgb(236.1, 236.1, 236.1);
  --idp-color-ticket-background-accent: rgb(250.41, 228.99, 236.2960465116);
  --idp-color-ticket-background-accent-rgb:
    250.41,
    228.99,
    236.2960465116;
  --idp-color-ticket-background-accent-contrast: #0a0a0a;
  --idp-color-ticket-background-accent-contrast-rgb:
    10,
    10,
    10;
  --idp-color-ticket-background-accent-shade: rgb(220.3608, 201.5112, 207.9405209302);
  --idp-color-ticket-background-accent-tint: rgb(250.869, 231.591, 238.1664418605);
  --idp-color-ticket-background-disabled: rgb(239.7, 239.7, 239.7);
  --idp-color-ticket-background-disabled-rgb:
    239.7,
    239.7,
    239.7;
  --idp-color-ticket-background-disabled-contrast: #0a0a0a;
  --idp-color-ticket-background-disabled-contrast-rgb:
    10,
    10,
    10;
  --idp-color-ticket-background-disabled-shade: rgb(210.936, 210.936, 210.936);
  --idp-color-ticket-background-disabled-tint: rgb(241.23, 241.23, 241.23);
  --idp-color-segmented-control-active-background: rgb(252.675, 226.325, 235.3125968992);
  --idp-color-segmented-control-active-background-rgb:
    252.675,
    226.325,
    235.3125968992;
  --idp-color-segmented-control-active-background-contrast: #0a0a0a;
  --idp-color-segmented-control-active-background-contrast-rgb:
    10,
    10,
    10;
  --idp-color-segmented-control-active-background-shade: rgb(222.354, 199.166, 207.0750852713);
  --idp-color-segmented-control-active-background-tint: rgb(252.9075, 229.1925, 237.2813372093);
  --idp-color-segmented-control-active-text: #0a0a0a;
  --idp-color-segmented-control-active-text-rgb:
    10,
    10,
    10;
  --idp-color-segmented-control-active-text-contrast: #ffffff;
  --idp-color-segmented-control-active-text-contrast-rgb:
    255,
    255,
    255;
  --idp-color-segmented-control-active-text-shade: rgb(8.8, 8.8, 8.8);
  --idp-color-segmented-control-active-text-tint: rgb(34.5, 34.5, 34.5);
  --idp-radius: 4px;
  --idp-main-max-width: 760px;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #f2719d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #9c71f2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f23325;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #9c71f2;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9c71f2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #f2719d;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f2719d;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #9c71f2;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9c71f2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f23325;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f23325;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #f2719d;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #f2719d;
  --mat-text-button-ripple-color: rgba(242, 113, 157, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #9c71f2;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #9c71f2;
  --mat-text-button-ripple-color: rgba(156, 113, 242, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f23325;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f23325;
  --mat-text-button-ripple-color: rgba(242, 51, 37, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #f2719d;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #9c71f2;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f23325;
  --mdc-filled-button-label-text-color: #0a0a0a;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: #0a0a0a;
  --mat-filled-button-ripple-color: rgba(10, 10, 10, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #f2719d;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #9c71f2;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f23325;
  --mdc-protected-button-label-text-color: #0a0a0a;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: #0a0a0a;
  --mat-protected-button-ripple-color: rgba(10, 10, 10, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #f2719d;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #f2719d;
  --mat-outlined-button-ripple-color: rgba(242, 113, 157, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #9c71f2;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #9c71f2;
  --mat-outlined-button-ripple-color: rgba(156, 113, 242, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f23325;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f23325;
  --mat-outlined-button-ripple-color: rgba(242, 51, 37, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f2719d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(242, 113, 157, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(242, 113, 157, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(242, 113, 157, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #f2719d;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(242, 113, 157, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #9c71f2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(156, 113, 242, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(156, 113, 242, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(156, 113, 242, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(156, 113, 242, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: #0a0a0a;
  --mat-datepicker-calendar-date-selected-state-background-color: #f23325;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(242, 51, 37, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0a0a0a;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(242, 51, 37, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(242, 51, 37, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(242, 51, 37, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #9c71f2;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f23325;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(242, 113, 157, 0.87);
  --mat-select-invalid-arrow-color: rgba(242, 51, 37, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(156, 113, 242, 0.87);
  --mat-select-invalid-arrow-color: rgba(242, 51, 37, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(242, 51, 37, 0.87);
  --mat-select-invalid-arrow-color: rgba(242, 51, 37, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-option-selected-state-label-text-color: #f2719d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #9c71f2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f23325;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
:root {
  --idp-base-font-family:
    "Noto Sans JP",
    "\6e38\30b4\30b7\30c3\30af\4f53",
    "\6e38\30b4\30b7\30c3\30af",
    "YuGothic",
    "Yu Gothic Medium",
    "Yu Gothic",
    "Hiragino Sans",
    "\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af",
    "Hiragino Kaku Gothic Pro",
    "\30d2\30e9\30ae\30ce\89d2\30b4  Pro",
    "Meiryo",
    sans-serif;
  --idp-font-family-system: "Hiragino Sans", sans-serif;
  --idp-font-family-primary: "Zen Maru Gothic", sans-serif;
  --idp-font-family-secondary: "Tsukimi Rounded", sans-serif;
  font-family: var(--idp-base-font-family);
}
html,
body {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

/* node_modules/@gearbox-pack/ui/src/shared/theme/theme.scss */
:root {
  font-size: 16px;
}
html {
  font-size: 16px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
:root {
  --gearbox-font-family-heading: Tsukimi Rounded;
  --gearbox-font-family-primary: Zen Maru Gothic;
  --gearbox-font-family-system: Hiragino Sans;
  --gearbox-font-family-currency: Rubik;
  --gearbox-font-weight-light: 300;
  --gearbox-font-weight-regular: 400;
  --gearbox-font-weight-medium: 500;
  --gearbox-font-weight-semibold: 600;
  --gearbox-font-weight-bold: 700;
  --gearbox-line-height-solid: 1;
  --gearbox-line-height-tight: 1.2;
  --gearbox-line-height-normal: 1.5;
  --gearbox-line-height-relaxed: 1.6;
  --gearbox-line-height-loose: 1.8;
}
:root {
  --gearbox-breakpoint-sm: 576px;
  --gearbox-breakpoint-md: 768px;
  --gearbox-breakpoint-lg: 992px;
  --gearbox-breakpoint-xl: 1200px;
  --gearbox-breakpoint-xxl: 1400px;
}
:root {
  --gearbox-font-size-heading-large: 2rem;
  --gearbox-font-size-heading-medium: 1.75rem;
  --gearbox-font-size-heading-small: 1.5rem;
  --gearbox-font-size-heading-miniature: 1.125rem;
  --gearbox-font-size-heading-tiny: 1rem;
  --gearbox-font-size-title-large: 1.375rem;
  --gearbox-font-size-title-medium: 1.25rem;
  --gearbox-font-size-title-small: 1.125rem;
  --gearbox-font-size-label-large: 0.875rem;
  --gearbox-font-size-label-medium: 0.8125rem;
  --gearbox-font-size-label-small: 0.75rem;
  --gearbox-font-size-label-tiny: 0.625rem;
  --gearbox-font-size-body-gigantic: 1.5rem;
  --gearbox-font-size-body-majestic: 1.375rem;
  --gearbox-font-size-body-grand: 1.25rem;
  --gearbox-font-size-body-large: 1rem;
  --gearbox-font-size-body-medium: 0.9375rem;
  --gearbox-font-size-body-small: 0.875rem;
  --gearbox-font-size-body-tiny: 0.75rem;
  --gearbox-font-size-caption-large: 0.8125rem;
  --gearbox-font-size-caption-medium: 0.75rem;
  --gearbox-font-size-caption-small: 0.625rem;
}
@media (min-width: 768px) {
  :root {
    --gearbox-font-size-heading-large: 3rem;
    --gearbox-font-size-heading-medium: 2.5rem;
    --gearbox-font-size-heading-small: 1.625rem;
    --gearbox-font-size-heading-miniature: 1.5rem;
    --gearbox-font-size-heading-tiny: 1.25rem;
    --gearbox-font-size-title-large: 1.75rem;
    --gearbox-font-size-title-medium: 1.5rem;
    --gearbox-font-size-title-small: 1.25rem;
    --gearbox-font-size-label-large: 1rem;
    --gearbox-font-size-label-medium: 0.875rem;
    --gearbox-font-size-label-small: 0.8125rem;
    --gearbox-font-size-label-tiny: 0.6875rem;
    --gearbox-font-size-body-gigantic: 1.5rem;
    --gearbox-font-size-body-majestic: 1.375rem;
    --gearbox-font-size-body-grand: 1.25rem;
    --gearbox-font-size-body-large: 1.125rem;
    --gearbox-font-size-body-medium: 1rem;
    --gearbox-font-size-body-small: 0.875rem;
    --gearbox-font-size-body-tiny: 0.875rem;
    --gearbox-font-size-caption-large: 0.875rem;
    --gearbox-font-size-caption-medium: 0.75rem;
    --gearbox-font-size-caption-small: 0.625rem;
  }
}
:root {
  --gearbox-spacing-unit: 0.25rem;
  --gearbox-spacing-0: 0;
  --gearbox-spacing-2: 0.125rem;
  --gearbox-spacing-6: 0.375rem;
  --gearbox-spacing-4: 0.25rem;
  --gearbox-spacing-8: 0.5rem;
  --gearbox-spacing-10: 0.625rem;
  --gearbox-spacing-12: 0.75rem;
  --gearbox-spacing-16: 1rem;
  --gearbox-spacing-20: 1.25rem;
  --gearbox-spacing-24: 1.5rem;
  --gearbox-spacing-32: 2rem;
  --gearbox-spacing-40: 2.5rem;
  --gearbox-spacing-48: 3rem;
  --gearbox-spacing-56: 3.5rem;
  --gearbox-spacing-64: 4rem;
  --gearbox-spacing-80: 5rem;
  --gearbox-spacing-96: 6rem;
}
:root {
  --gearbox-elevation: 0 0 6.75px 0 rgba(0, 0, 0, 0.25);
}
:root {
  --gearbox-placeholder: 0.35;
  --gearbox-disabled: 0.35;
  --gearbox-gearbox-opacity: ;
}
:root {
  --gearbox-primary: #f2719d;
  --gearbox-on-primary: #ffffff;
  --gearbox-primary-container: #ffffff;
  --gearbox-on-primary-container: #f2719d;
  --gearbox-secondary: #4e34c0;
  --gearbox-on-secondary: #ffffff;
  --gearbox-secondary-container: #efe7f2;
  --gearbox-on-secondary-container: #4e34c0;
  --gearbox-tertiary: #9c71f2;
  --gearbox-on-tertiary: #ffffff;
  --gearbox-tertiary-container: #f2e9ff;
  --gearbox-on-tertiary-container: #9c71f2;
  --gearbox-danger: #ba1a1a;
  --gearbox-on-danger: #ffffff;
  --gearbox-danger-container: #ffedea;
  --gearbox-on-danger-container: #ba1a1a;
  --gearbox-background: #ffffff;
  --gearbox-surface: #ffffff;
  --gearbox-surface-dim: #eaeaea;
  --gearbox-surface-bright: #ffffff;
  --gearbox-surface-scrim: #fff7ff;
  --gearbox-surface-container-highest: #efe7f2;
  --gearbox-surface-container-high: #efe7f2;
  --gearbox-surface-container-mid: #fff7ff;
  --gearbox-surface-container-low: #fff7ff;
  --gearbox-surface-container-lowest: #ffffff;
  --gearbox-on-surface: #454c66;
  --gearbox-on-surface-container-highest: #1a0515;
  --gearbox-on-surface-container-high: #1a0515;
  --gearbox-on-surface-container-mid: #1a0515;
  --gearbox-on-surface-container-low: #1a0515;
  --gearbox-on-surface-container-lowest: #201520;
  --gearbox-outline: #efe7f2;
  --gearbox-outline-primary: #f2719d;
  --gearbox-outline-secondary: #4e34c0;
  --gearbox-outline-variant: #efe7f2;
  --gearbox-primary-rgb:
    242,
    113,
    157;
  --gearbox-on-primary-rgb:
    255,
    255,
    255;
  --gearbox-primary-container-rgb:
    255,
    255,
    255;
  --gearbox-on-primary-container-rgb:
    242,
    113,
    157;
  --gearbox-secondary-rgb:
    78,
    52,
    192;
  --gearbox-on-secondary-rgb:
    255,
    255,
    255;
  --gearbox-secondary-container-rgb:
    239,
    231,
    242;
  --gearbox-on-secondary-container-rgb:
    78,
    52,
    192;
  --gearbox-tertiary-rgb:
    156,
    113,
    242;
  --gearbox-on-tertiary-rgb:
    255,
    255,
    255;
  --gearbox-tertiary-container-rgb:
    242,
    233,
    255;
  --gearbox-on-tertiary-container-rgb:
    156,
    113,
    242;
  --gearbox-danger-rgb:
    186,
    26,
    26;
  --gearbox-on-danger-rgb:
    255,
    255,
    255;
  --gearbox-danger-container-rgb:
    255,
    237,
    234;
  --gearbox-on-danger-container-rgb:
    186,
    26,
    26;
  --gearbox-background-rgb:
    255,
    255,
    255;
  --gearbox-surface-rgb:
    255,
    255,
    255;
  --gearbox-surface-dim-rgb:
    234,
    234,
    234;
  --gearbox-surface-bright-rgb:
    255,
    255,
    255;
  --gearbox-surface-scrim-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-highest-rgb:
    239,
    231,
    242;
  --gearbox-surface-container-high-rgb:
    239,
    231,
    242;
  --gearbox-surface-container-mid-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-low-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-lowest-rgb:
    255,
    255,
    255;
  --gearbox-on-surface-rgb:
    69,
    76,
    102;
  --gearbox-on-surface-container-highest-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-high-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-mid-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-low-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-lowest-rgb:
    32,
    21,
    32;
  --gearbox-outline-rgb:
    239,
    231,
    242;
  --gearbox-outline-primary-rgb:
    242,
    113,
    157;
  --gearbox-outline-secondary-rgb:
    78,
    52,
    192;
  --gearbox-outline-variant-rgb:
    239,
    231,
    242;
}

/* projects/applications/membership-purchase-web/src/hag-colors.scss */
:root {
  --gearbox-primary: #f2719d;
  --gearbox-on-primary: #ffffff;
  --gearbox-primary-container: #ffffff;
  --gearbox-on-primary-container: #f2719d;
  --gearbox-secondary: #4e34c0;
  --gearbox-on-secondary: #ffffff;
  --gearbox-secondary-container: #efe7f2;
  --gearbox-on-secondary-container: #4e34c0;
  --gearbox-tertiary: #9c71f2;
  --gearbox-on-tertiary: #ffffff;
  --gearbox-tertiary-container: #f2e9ff;
  --gearbox-on-tertiary-container: #9c71f2;
  --gearbox-danger: #ba1a1a;
  --gearbox-on-danger: #ffffff;
  --gearbox-danger-container: #ffedea;
  --gearbox-on-danger-container: #ba1a1a;
  --gearbox-background: #ffffff;
  --gearbox-surface: #ffffff;
  --gearbox-surface-dim: #eaeaea;
  --gearbox-surface-bright: #ffffff;
  --gearbox-surface-scrim: #fff7ff;
  --gearbox-surface-container-highest: #efe7f2;
  --gearbox-surface-container-high: #efe7f2;
  --gearbox-surface-container-mid: #fff7ff;
  --gearbox-surface-container-low: #fff7ff;
  --gearbox-surface-container-lowest: #fff7ff;
  --gearbox-on-surface: #454c66;
  --gearbox-on-surface-container-highest: #1a0515;
  --gearbox-on-surface-container-high: #1a0515;
  --gearbox-on-surface-container-mid: #1a0515;
  --gearbox-on-surface-container-low: #1a0515;
  --gearbox-on-surface-container-lowest: #201520;
  --gearbox-outline: #efe7f2;
  --gearbox-outline-primary: #f2719d;
  --gearbox-outline-secondary: #4e34c0;
  --gearbox-outline-variant: #efe7f2;
  --gearbox-primary-rgb:
    242,
    113,
    157;
  --gearbox-on-primary-rgb:
    255,
    255,
    255;
  --gearbox-primary-container-rgb:
    255,
    255,
    255;
  --gearbox-on-primary-container-rgb:
    242,
    113,
    157;
  --gearbox-secondary-rgb:
    78,
    52,
    192;
  --gearbox-on-secondary-rgb:
    255,
    255,
    255;
  --gearbox-secondary-container-rgb:
    239,
    231,
    242;
  --gearbox-on-secondary-container-rgb:
    78,
    52,
    192;
  --gearbox-tertiary-rgb:
    156,
    113,
    242;
  --gearbox-on-tertiary-rgb:
    255,
    255,
    255;
  --gearbox-tertiary-container-rgb:
    242,
    233,
    255;
  --gearbox-on-tertiary-container-rgb:
    156,
    113,
    242;
  --gearbox-danger-rgb:
    186,
    26,
    26;
  --gearbox-on-danger-rgb:
    255,
    255,
    255;
  --gearbox-danger-container-rgb:
    255,
    237,
    234;
  --gearbox-on-danger-container-rgb:
    186,
    26,
    26;
  --gearbox-background-rgb:
    255,
    255,
    255;
  --gearbox-surface-rgb:
    255,
    255,
    255;
  --gearbox-surface-dim-rgb:
    234,
    234,
    234;
  --gearbox-surface-bright-rgb:
    255,
    255,
    255;
  --gearbox-surface-scrim-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-highest-rgb:
    239,
    231,
    242;
  --gearbox-surface-container-high-rgb:
    239,
    231,
    242;
  --gearbox-surface-container-mid-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-low-rgb:
    255,
    247,
    255;
  --gearbox-surface-container-lowest-rgb:
    255,
    247,
    255;
  --gearbox-on-surface-rgb:
    69,
    76,
    102;
  --gearbox-on-surface-container-highest-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-high-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-mid-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-low-rgb:
    26,
    5,
    21;
  --gearbox-on-surface-container-lowest-rgb:
    32,
    21,
    32;
  --gearbox-outline-rgb:
    239,
    231,
    242;
  --gearbox-outline-primary-rgb:
    242,
    113,
    157;
  --gearbox-outline-secondary-rgb:
    78,
    52,
    192;
  --gearbox-outline-variant-rgb:
    239,
    231,
    242;
}
:root .mat-calendar-body-cell-content {
  font-weight: 600;
}
:root {
  --mat-sys-background: white;
  --mat-sys-error: rgb(148.8, 20.8, 20.8);
  --mat-sys-error-container: rgb(241.2, 209.2, 209.2);
  --mat-sys-inverse-on-surface: white;
  --mat-sys-inverse-primary: rgb(249.8, 198.2, 215.8);
  --mat-sys-inverse-surface: #666666;
  --mat-sys-on-background: #333333;
  --mat-sys-on-error: white;
  --mat-sys-on-error-container: rgb(111.6, 15.6, 15.6);
  --mat-sys-on-primary: white;
  --mat-sys-on-primary-container: rgb(145.2, 67.8, 94.2);
  --mat-sys-on-primary-fixed: rgb(48.4, 22.6, 31.4);
  --mat-sys-on-primary-fixed-variant: rgb(145.2, 67.8, 94.2);
  --mat-sys-on-secondary: white;
  --mat-sys-on-secondary-container: rgb(46.8, 31.2, 115.2);
  --mat-sys-on-secondary-fixed: rgb(15.6, 10.4, 38.4);
  --mat-sys-on-secondary-fixed-variant: rgb(46.8, 31.2, 115.2);
  --mat-sys-on-surface: #333333;
  --mat-sys-on-surface-variant: rgb(153, 148.2, 153);
  --mat-sys-on-tertiary: white;
  --mat-sys-on-tertiary-container: rgb(41.4, 45.6, 61.2);
  --mat-sys-on-tertiary-fixed: rgb(13.8, 15.2, 20.4);
  --mat-sys-on-tertiary-fixed-variant: rgb(41.4, 45.6, 61.2);
  --mat-sys-outline: #fff7ff;
  --mat-sys-outline-variant: rgb(255, 251.8, 255);
  --mat-sys-primary: rgb(193.6, 90.4, 125.6);
  --mat-sys-primary-container: rgb(252.4, 226.6, 235.4);
  --mat-sys-primary-fixed: rgb(252.4, 226.6, 235.4);
  --mat-sys-primary-fixed-dim: rgb(249.8, 198.2, 215.8);
  --mat-sys-scrim: black;
  --mat-sys-secondary: rgb(62.4, 41.6, 153.6);
  --mat-sys-secondary-container: rgb(219.6, 214.4, 242.4);
  --mat-sys-secondary-fixed: rgb(219.6, 214.4, 242.4);
  --mat-sys-secondary-fixed-dim: rgb(184.2, 173.8, 229.8);
  --mat-sys-shadow: black;
  --mat-sys-surface: white;
  --mat-sys-surface-bright: white;
  --mat-sys-surface-container: white;
  --mat-sys-surface-container-high: white;
  --mat-sys-surface-container-highest: white;
  --mat-sys-surface-container-low: white;
  --mat-sys-surface-container-lowest: white;
  --mat-sys-surface-dim: white;
  --mat-sys-surface-tint: rgb(193.6, 90.4, 125.6);
  --mat-sys-surface-variant: rgb(255, 253.4, 255);
  --mat-sys-tertiary: rgb(55.2, 60.8, 81.6);
  --mat-sys-tertiary-container: rgb(217.8, 219.2, 224.4);
  --mat-sys-tertiary-fixed: rgb(217.8, 219.2, 224.4);
  --mat-sys-tertiary-fixed-dim: rgb(180.6, 183.4, 193.8);
  --mat-sys-neutral-variant20: rgb(102, 98.8, 102);
  --mat-sys-neutral10: #333333;
}
:root {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
:root {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

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