@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Cabin:wght@400;500&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;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* projects/idp-web/src/styles.scss */
html {
  background-color: var(--tpl-color-background);
  color: var(--tpl-color-text);
  font-size: 10px;
  height: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
}
body {
  font-family: var(--tpl-font-family);
  font-size: 1.6rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  margin: 0;
  overflow-wrap: break-word;
  position: relative;
  text-rendering: auto;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
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(--tpl-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 {
  --tpl-color-primary: #dc256a;
  --tpl-color-primary-rgb:
    220,
    37,
    106;
  --tpl-color-primary-contrast: #ffffff;
  --tpl-color-primary-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-primary-shade: rgb(193.6, 32.56, 93.28);
  --tpl-color-primary-tint: rgb(223.5, 58.8, 120.9);
  --tpl-color-accent: #2d3091;
  --tpl-color-accent-rgb:
    45,
    48,
    145;
  --tpl-color-accent-contrast: #ffffff;
  --tpl-color-accent-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-accent-shade: rgb(39.6, 42.24, 127.6);
  --tpl-color-accent-tint: rgb(66, 68.7, 156);
  --tpl-color-store: #25cf9d;
  --tpl-color-store-rgb:
    37,
    207,
    157;
  --tpl-color-store-contrast: #0a0a0a;
  --tpl-color-store-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-store-shade: rgb(32.56, 182.16, 138.16);
  --tpl-color-store-tint: rgb(58.8, 211.8, 166.8);
  --tpl-color-attention: #f23325;
  --tpl-color-attention-rgb:
    242,
    51,
    37;
  --tpl-color-attention-contrast: #ffffff;
  --tpl-color-attention-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-attention-shade: rgb(212.96, 44.88, 32.56);
  --tpl-color-attention-tint: rgb(243.3, 71.4, 58.8);
  --tpl-color-disabled: #cccccc;
  --tpl-color-disabled-rgb:
    204,
    204,
    204;
  --tpl-color-disabled-contrast: #0a0a0a;
  --tpl-color-disabled-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-disabled-shade: rgb(179.52, 179.52, 179.52);
  --tpl-color-disabled-tint: rgb(209.1, 209.1, 209.1);
  --tpl-color-success: #2dd36f;
  --tpl-color-success-rgb:
    45,
    211,
    111;
  --tpl-color-success-contrast: #0a0a0a;
  --tpl-color-success-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-success-shade: rgb(39.6, 185.68, 97.68);
  --tpl-color-success-tint: rgb(66, 215.4, 125.4);
  --tpl-color-background: #ffffff;
  --tpl-color-background-rgb:
    255,
    255,
    255;
  --tpl-color-background-contrast: #0a0a0a;
  --tpl-color-background-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-background-shade: rgb(224.4, 224.4, 224.4);
  --tpl-color-background-tint: white;
  --tpl-color-background-accent: #eeeeee;
  --tpl-color-background-accent-rgb:
    238,
    238,
    238;
  --tpl-color-background-accent-contrast: #0a0a0a;
  --tpl-color-background-accent-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-background-accent-shade: rgb(209.44, 209.44, 209.44);
  --tpl-color-background-accent-tint: rgb(239.7, 239.7, 239.7);
  --tpl-color-border: #eeeeee;
  --tpl-color-border-rgb:
    238,
    238,
    238;
  --tpl-color-border-contrast: #0a0a0a;
  --tpl-color-border-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-border-shade: rgb(209.44, 209.44, 209.44);
  --tpl-color-border-tint: rgb(239.7, 239.7, 239.7);
  --tpl-color-background-disabled: #e3e3e3;
  --tpl-color-background-disabled-rgb:
    227,
    227,
    227;
  --tpl-color-background-disabled-contrast: #0a0a0a;
  --tpl-color-background-disabled-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-background-disabled-shade: rgb(199.76, 199.76, 199.76);
  --tpl-color-background-disabled-tint: rgb(229.8, 229.8, 229.8);
  --tpl-color-text: #0a0a0a;
  --tpl-color-text-rgb:
    10,
    10,
    10;
  --tpl-color-text-contrast: #ffffff;
  --tpl-color-text-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-text-shade: rgb(8.8, 8.8, 8.8);
  --tpl-color-text-tint: rgb(34.5, 34.5, 34.5);
  --tpl-color-text-light: #727272;
  --tpl-color-text-light-rgb:
    114,
    114,
    114;
  --tpl-color-text-light-contrast: #ffffff;
  --tpl-color-text-light-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-text-light-shade: rgb(100.32, 100.32, 100.32);
  --tpl-color-text-light-tint: rgb(128.1, 128.1, 128.1);
  --tpl-color-base: #ffffff;
  --tpl-color-base-rgb:
    255,
    255,
    255;
  --tpl-color-base-contrast: #0a0a0a;
  --tpl-color-base-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-base-shade: rgb(224.4, 224.4, 224.4);
  --tpl-color-base-tint: white;
  --tpl-color-icon: #0a0a0a;
  --tpl-color-icon-rgb:
    10,
    10,
    10;
  --tpl-color-icon-contrast: #ffffff;
  --tpl-color-icon-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-icon-shade: rgb(8.8, 8.8, 8.8);
  --tpl-color-icon-tint: rgb(34.5, 34.5, 34.5);
  --tpl-color-icon-light: #adacac;
  --tpl-color-icon-light-rgb:
    173,
    172,
    172;
  --tpl-color-icon-light-contrast: #0a0a0a;
  --tpl-color-icon-light-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-icon-light-shade: rgb(152.24, 151.36, 151.36);
  --tpl-color-icon-light-tint: rgb(181.2, 180.3, 180.3);
  --tpl-color-header-background: #ffffff;
  --tpl-color-header-background-rgb:
    255,
    255,
    255;
  --tpl-color-header-background-contrast: #0a0a0a;
  --tpl-color-header-background-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-header-background-shade: rgb(224.4, 224.4, 224.4);
  --tpl-color-header-background-tint: white;
  --tpl-color-footer-background: #0a0a0a;
  --tpl-color-footer-background-rgb:
    10,
    10,
    10;
  --tpl-color-footer-background-contrast: #ffffff;
  --tpl-color-footer-background-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-footer-background-shade: rgb(8.8, 8.8, 8.8);
  --tpl-color-footer-background-tint: rgb(34.5, 34.5, 34.5);
  --tpl-color-form-background: #f8f8f8;
  --tpl-color-form-background-rgb:
    248,
    248,
    248;
  --tpl-color-form-background-contrast: #0a0a0a;
  --tpl-color-form-background-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-form-background-shade: rgb(218.24, 218.24, 218.24);
  --tpl-color-form-background-tint: rgb(248.7, 248.7, 248.7);
  --tpl-color-item-background: #ffffff;
  --tpl-color-item-background-rgb:
    255,
    255,
    255;
  --tpl-color-item-background-contrast: #0a0a0a;
  --tpl-color-item-background-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-item-background-shade: rgb(224.4, 224.4, 224.4);
  --tpl-color-item-background-tint: white;
  --tpl-color-item-background-accent: #f8f8f8;
  --tpl-color-item-background-accent-rgb:
    248,
    248,
    248;
  --tpl-color-item-background-accent-contrast: #0a0a0a;
  --tpl-color-item-background-accent-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-item-background-accent-shade: rgb(218.24, 218.24, 218.24);
  --tpl-color-item-background-accent-tint: rgb(248.7, 248.7, 248.7);
  --tpl-color-ticket-background-accent: rgb(250.41, 228.99, 237.0663934426);
  --tpl-color-ticket-background-accent-rgb:
    250.41,
    228.99,
    237.0663934426;
  --tpl-color-ticket-background-accent-contrast: #0a0a0a;
  --tpl-color-ticket-background-accent-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-ticket-background-accent-shade: rgb(220.3608, 201.5112, 208.6184262295);
  --tpl-color-ticket-background-accent-tint: rgb(250.869, 231.591, 238.8597540984);
  --tpl-color-ticket-background-disabled: rgb(239.7, 239.7, 239.7);
  --tpl-color-ticket-background-disabled-rgb:
    239.7,
    239.7,
    239.7;
  --tpl-color-ticket-background-disabled-contrast: #0a0a0a;
  --tpl-color-ticket-background-disabled-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-ticket-background-disabled-shade: rgb(210.936, 210.936, 210.936);
  --tpl-color-ticket-background-disabled-tint: rgb(241.23, 241.23, 241.23);
  --tpl-color-segmented-control-active-background: rgb(251.205, 208.195, 224.4118852459);
  --tpl-color-segmented-control-active-background-rgb:
    251.205,
    208.195,
    224.4118852459;
  --tpl-color-segmented-control-active-background-contrast: #0a0a0a;
  --tpl-color-segmented-control-active-background-contrast-rgb:
    10,
    10,
    10;
  --tpl-color-segmented-control-active-background-shade: rgb(221.0604, 183.2116, 197.4824590164);
  --tpl-color-segmented-control-active-background-tint: rgb(251.5845, 212.8755, 227.4706967213);
  --tpl-color-segmented-control-active-text: #0a0a0a;
  --tpl-color-segmented-control-active-text-rgb:
    10,
    10,
    10;
  --tpl-color-segmented-control-active-text-contrast: #ffffff;
  --tpl-color-segmented-control-active-text-contrast-rgb:
    255,
    255,
    255;
  --tpl-color-segmented-control-active-text-shade: rgb(8.8, 8.8, 8.8);
  --tpl-color-segmented-control-active-text-tint: rgb(34.5, 34.5, 34.5);
  --tpl-radius: 4px;
  --tpl-main-max-width: 760px;
}
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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #dc256a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #2d3091;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #2d3091;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #2d3091;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc256a;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc256a;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #2d3091;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #2d3091;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f23325;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f23325;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
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 {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #dc256a;
  --mat-button-filled-label-text-color: #0a0a0a;
  --mat-button-filled-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-filled-state-layer-color: #0a0a0a;
  --mat-button-outlined-label-text-color: #dc256a;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #dc256a 12%, transparent);
  --mat-button-outlined-state-layer-color: #dc256a;
  --mat-button-protected-container-color: #dc256a;
  --mat-button-protected-label-text-color: #0a0a0a;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-protected-state-layer-color: #0a0a0a;
  --mat-button-text-label-text-color: #dc256a;
  --mat-button-text-ripple-color: color-mix(in srgb, #dc256a 12%, transparent);
  --mat-button-text-state-layer-color: #dc256a;
  --mat-button-tonal-container-color: #dc256a;
  --mat-button-tonal-label-text-color: #0a0a0a;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-tonal-state-layer-color: #0a0a0a;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #2d3091;
  --mat-button-filled-label-text-color: #0a0a0a;
  --mat-button-filled-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-filled-state-layer-color: #0a0a0a;
  --mat-button-outlined-label-text-color: #2d3091;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #2d3091 12%, transparent);
  --mat-button-outlined-state-layer-color: #2d3091;
  --mat-button-protected-container-color: #2d3091;
  --mat-button-protected-label-text-color: #0a0a0a;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-protected-state-layer-color: #0a0a0a;
  --mat-button-text-label-text-color: #2d3091;
  --mat-button-text-ripple-color: color-mix(in srgb, #2d3091 12%, transparent);
  --mat-button-text-state-layer-color: #2d3091;
  --mat-button-tonal-container-color: #2d3091;
  --mat-button-tonal-label-text-color: #0a0a0a;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-tonal-state-layer-color: #0a0a0a;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f23325;
  --mat-button-filled-label-text-color: #0a0a0a;
  --mat-button-filled-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-filled-state-layer-color: #0a0a0a;
  --mat-button-outlined-label-text-color: #f23325;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f23325 12%, transparent);
  --mat-button-outlined-state-layer-color: #f23325;
  --mat-button-protected-container-color: #f23325;
  --mat-button-protected-label-text-color: #0a0a0a;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-protected-state-layer-color: #0a0a0a;
  --mat-button-text-label-text-color: #f23325;
  --mat-button-text-ripple-color: color-mix(in srgb, #f23325 12%, transparent);
  --mat-button-text-state-layer-color: #f23325;
  --mat-button-tonal-container-color: #f23325;
  --mat-button-tonal-label-text-color: #0a0a0a;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #0a0a0a 12%, transparent);
  --mat-button-tonal-state-layer-color: #0a0a0a;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
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-in-range-state-background-color: color-mix(in srgb, #dc256a 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #2d3091 20%, transparent);
  --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-calendar-date-selected-state-text-color: #0a0a0a;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc256a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #dc256a 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0a0a0a;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #dc256a 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #dc256a 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #dc256a;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #2d3091 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #2d3091 20%, transparent);
  --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-calendar-date-selected-state-text-color: #0a0a0a;
  --mat-datepicker-calendar-date-selected-state-background-color: #2d3091;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #2d3091 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0a0a0a;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #2d3091 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #2d3091 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #2d3091;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f23325 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #2d3091 20%, transparent);
  --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-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: color-mix(in srgb, #f23325 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0a0a0a;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f23325 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f23325 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f23325;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.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;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #dc256a;
  --mat-select-invalid-arrow-color: #f23325;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #2d3091;
  --mat-select-invalid-arrow-color: #f23325;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f23325;
  --mat-select-invalid-arrow-color: #f23325;
}
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: #dc256a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #2d3091;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
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 {
  --tpl-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;
  --tpl-number-font-family: "Barlow Semi Condensed", sans-serif;
  --tpl-latin-font-family: "Cabin", sans-serif;
}

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