@charset "UTF-8";

/* projects/smp-pc/scss/pc.scss */
:root {
  --header-height: 64px;
}
@media (max-width: 767px) {
  :root {
    --header-height: 100px;
  }
}
html {
  height: 100%;
}
html *::-webkit-scrollbar {
  width: 16px;
}
html *:not(body):hover::-webkit-scrollbar-track,
html body::-webkit-scrollbar-track {
  border-radius: 8px;
}
html *:not(body):hover:not([no-y-overflow])::-webkit-scrollbar-thumb,
html body:not([no-y-overflow])::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #888;
}
html *:not(body):hover::-webkit-scrollbar-thumb,
html body::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #555;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.global-container {
  max-width: 1210px;
  min-width: min(1200px, 100%);
  padding: 0 60px;
  margin: 0 auto;
}
.full-width .global-container {
  max-width: 1376px;
  padding: 0 60px;
}
.full-width {
  min-width: 1200px;
}
.modal-dialog .global-container {
  min-width: auto;
}
@media screen and (max-width: 1140px) {
  .global-container {
    min-width: min(768px, 100%);
    max-width: auto;
    padding: 0 48px;
  }
  .full-width {
    min-width: auto;
  }
  .full-width .global-container {
    margin: 0;
    min-width: 768px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1025px) {
  .global-container {
    padding: 0 15px;
  }
}

/* node_modules/tippy.js/dist/backdrop.css */
.tippy-box[data-placement^=top] > .tippy-backdrop {
  transform-origin: 0 25%;
  border-radius: 40% 40% 0 0;
}
.tippy-box[data-placement^=top] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -55%);
}
.tippy-box[data-placement^=top] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-50%, -45%);
}
.tippy-box[data-placement^=bottom] > .tippy-backdrop {
  transform-origin: 0 -50%;
  border-radius: 0 0 30% 30%;
}
.tippy-box[data-placement^=bottom] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -45%);
}
.tippy-box[data-placement^=bottom] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-50%);
}
.tippy-box[data-placement^=left] > .tippy-backdrop {
  transform-origin: 50% 0;
  border-radius: 50% 0 0 50%;
}
.tippy-box[data-placement^=left] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -50%);
}
.tippy-box[data-placement^=left] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-75%, -50%);
}
.tippy-box[data-placement^=right] > .tippy-backdrop {
  transform-origin: -50% 0;
  border-radius: 0 50% 50% 0;
}
.tippy-box[data-placement^=right] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -50%);
}
.tippy-box[data-placement^=right] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-25%, -50%);
}
.tippy-box[data-animatefill] {
  background-color: transparent !important;
}
.tippy-backdrop {
  position: absolute;
  background-color: #333;
  border-radius: 50%;
  width: calc(110% + 32px);
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all cubic-bezier(.46, .1, .52, .98);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tippy-backdrop[data-state=hidden] {
  opacity: 0;
}
.tippy-backdrop:after {
  content: "";
  float: left;
  padding-top: 100%;
}
.tippy-backdrop + .tippy-content {
  transition-property: opacity;
  will-change: opacity;
}
.tippy-backdrop + .tippy-content[data-state=hidden] {
  opacity: 0;
}

/* node_modules/tippy.js/dist/tippy.css */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* projects/smp-pc/scss/styles.scss */
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
:root.mms {
  --tw-primaryLighter: 199 225 255;
  --tw-primaryLight: 88 166 255;
  --tw-primary: 33 136 255;
  --tw-primaryDark: 1 102 214;
  --tw-primaryDarker: 0 86 184;
}
:root.kokomu {
  --tw-primaryLighter: 253 135 149;
  --tw-primaryLight: 253 135 149;
  --tw-primary: 250 36 60;
  --tw-primaryDark: 220 4 18;
  --tw-primaryDarker: 180 4 24;
}
@keyframes tw-pulse {
  50% {
    opacity: .5;
  }
}
.tw-loading {
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.tw-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.tw-pointer-events-none {
  pointer-events: none;
}
.tw-fixed {
  position: fixed;
}
.tw-absolute {
  position: absolute;
}
.tw-relative {
  position: relative;
}
.tw-inset-0 {
  inset: 0px;
}
.-tw-inset-x-4 {
  left: -1rem;
  right: -1rem;
}
.tw-bottom-0 {
  bottom: 0px;
}
.tw-bottom-\[-4\.25rem\] {
  bottom: -4.25rem;
}
.tw-left-0 {
  left: 0px;
}
.tw-left-1\/2 {
  left: 50%;
}
.tw-left-6 {
  left: 1.5rem;
}
.tw-right-0 {
  right: 0px;
}
.tw-top-0 {
  top: 0px;
}
.tw-top-0\.5 {
  top: 0.125rem;
}
.tw-top-1\/3 {
  top: 33.333333%;
}
.tw-top-6 {
  top: 1.5rem;
}
.tw-top-8 {
  top: 2rem;
}
.tw-top-\[-6\.5rem\] {
  top: -6.5rem;
}
.tw-z-10 {
  z-index: 10;
}
.tw-m-0 {
  margin: 0px;
}
.tw-m-4 {
  margin: 1rem;
}
.-tw-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-tw-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.tw-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-tw-mt-2 {
  margin-top: -0.5rem;
}
.tw-mb-0\.5 {
  margin-bottom: 0.125rem;
}
.tw-mb-1 {
  margin-bottom: 0.25rem;
}
.tw-mb-1\.5 {
  margin-bottom: 0.375rem;
}
.tw-mb-2 {
  margin-bottom: 0.5rem;
}
.tw-mb-3 {
  margin-bottom: 0.75rem;
}
.tw-mb-4 {
  margin-bottom: 1rem;
}
.tw-mb-6 {
  margin-bottom: 1.5rem;
}
.tw-mb-7 {
  margin-bottom: 1.75rem;
}
.tw-mb-8 {
  margin-bottom: 2rem;
}
.tw-ml-1 {
  margin-left: 0.25rem;
}
.tw-ml-2 {
  margin-left: 0.5rem;
}
.tw-ml-auto {
  margin-left: auto;
}
.tw-mr-0\.5 {
  margin-right: 0.125rem;
}
.tw-mr-1 {
  margin-right: 0.25rem;
}
.tw-mt-0 {
  margin-top: 0px;
}
.tw-mt-1 {
  margin-top: 0.25rem;
}
.tw-mt-1\.5 {
  margin-top: 0.375rem;
}
.tw-mt-10 {
  margin-top: 2.5rem;
}
.tw-mt-12 {
  margin-top: 3rem;
}
.tw-mt-16 {
  margin-top: 4rem;
}
.tw-mt-2 {
  margin-top: 0.5rem;
}
.tw-mt-20 {
  margin-top: 5rem;
}
.tw-mt-3 {
  margin-top: 0.75rem;
}
.tw-mt-4 {
  margin-top: 1rem;
}
.tw-mt-5 {
  margin-top: 1.25rem;
}
.tw-mt-6 {
  margin-top: 1.5rem;
}
.tw-mt-8 {
  margin-top: 2rem;
}
.tw-mt-\[12px\] {
  margin-top: 12px;
}
.tw-mt-\[6px\] {
  margin-top: 6px;
}
.tw-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tw-line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.tw-block {
  display: block;
}
.tw-flex {
  display: flex;
}
.tw-inline-flex {
  display: inline-flex;
}
.tw-grid {
  display: grid;
}
.tw-contents {
  display: contents;
}
.tw-hidden {
  display: none;
}
.tw-aspect-video {
  aspect-ratio: 16 / 9;
}
.tw-h-10 {
  height: 2.5rem;
}
.tw-h-12 {
  height: 3rem;
}
.tw-h-14 {
  height: 3.5rem;
}
.tw-h-16 {
  height: 4rem;
}
.tw-h-2 {
  height: 0.5rem;
}
.tw-h-2\.5 {
  height: 0.625rem;
}
.tw-h-3 {
  height: 0.75rem;
}
.tw-h-4 {
  height: 1rem;
}
.tw-h-5 {
  height: 1.25rem;
}
.tw-h-6 {
  height: 1.5rem;
}
.tw-h-60 {
  height: 15rem;
}
.tw-h-7 {
  height: 1.75rem;
}
.tw-h-8 {
  height: 2rem;
}
.tw-h-9 {
  height: 2.25rem;
}
.tw-h-fit {
  height: fit-content;
}
.tw-h-full {
  height: 100%;
}
.tw-w-1\/3 {
  width: 33.333333%;
}
.tw-w-1\/4 {
  width: 25%;
}
.tw-w-10 {
  width: 2.5rem;
}
.tw-w-12 {
  width: 3rem;
}
.tw-w-14 {
  width: 3.5rem;
}
.tw-w-16 {
  width: 4rem;
}
.tw-w-9 {
  width: 2.25rem;
}
.tw-w-\[45rem\] {
  width: 45rem;
}
.tw-w-\[52\.75rem\] {
  width: 52.75rem;
}
.tw-w-full {
  width: 100%;
}
.tw-max-w-2xl {
  max-width: 42rem;
}
.tw-max-w-5xl {
  max-width: 64rem;
}
.tw-max-w-7xl {
  max-width: 80rem;
}
.tw-max-w-full {
  max-width: 100%;
}
.tw-max-w-none {
  max-width: none;
}
.tw-max-w-xl {
  max-width: 36rem;
}
.tw-flex-1 {
  flex: 1 1 0%;
}
.tw-flex-shrink-0 {
  flex-shrink: 0;
}
.-tw-translate-y-1\/4 {
  --tw-translate-y: -25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-\[-30\%\] {
  --tw-translate-x: -30%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-cursor-pointer {
  cursor: pointer;
}
.tw-select-none {
  -webkit-user-select: none;
  user-select: none;
}
.tw-list-disc {
  list-style-type: disc;
}
.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tw-flex-col {
  flex-direction: column;
}
.tw-flex-wrap {
  flex-wrap: wrap;
}
.tw-items-start {
  align-items: flex-start;
}
.tw-items-end {
  align-items: flex-end;
}
.tw-items-center {
  align-items: center;
}
.tw-justify-end {
  justify-content: flex-end;
}
.tw-justify-center {
  justify-content: center;
}
.tw-justify-between {
  justify-content: space-between;
}
.tw-gap-0\.5 {
  gap: 0.125rem;
}
.tw-gap-1 {
  gap: 0.25rem;
}
.tw-gap-1\.5 {
  gap: 0.375rem;
}
.tw-gap-2 {
  gap: 0.5rem;
}
.tw-gap-3 {
  gap: 0.75rem;
}
.tw-gap-4 {
  gap: 1rem;
}
.tw-gap-6 {
  gap: 1.5rem;
}
.tw-gap-8 {
  gap: 2rem;
}
.tw-gap-x-2 {
  column-gap: 0.5rem;
}
.tw-gap-x-4 {
  column-gap: 1rem;
}
.tw-gap-x-8 {
  column-gap: 2rem;
}
.tw-gap-y-10 {
  row-gap: 2.5rem;
}
.tw-gap-y-16 {
  row-gap: 4rem;
}
.tw-gap-y-2 {
  row-gap: 0.5rem;
}
.tw-gap-y-3 {
  row-gap: 0.75rem;
}
.tw-gap-y-6 {
  row-gap: 1.5rem;
}
.tw-gap-y-8 {
  row-gap: 2rem;
}
.tw-overflow-hidden {
  overflow: hidden;
}
.tw-overflow-x-auto {
  overflow-x: auto;
}
.tw-whitespace-nowrap {
  white-space: nowrap;
}
.tw-break-words {
  overflow-wrap: break-word;
}
.tw-rounded {
  border-radius: 0.25rem;
}
.tw-rounded-2xl {
  border-radius: 1rem;
}
.tw-rounded-4xl {
  border-radius: 2rem;
}
.tw-rounded-full {
  border-radius: 9999px;
}
.tw-rounded-lg {
  border-radius: 0.5rem;
}
.tw-rounded-md {
  border-radius: 0.375rem;
}
.tw-rounded-none {
  border-radius: 0px;
}
.tw-rounded-xl {
  border-radius: 0.75rem;
}
.tw-border {
  border-width: 1px;
}
.tw-border-b {
  border-bottom-width: 1px;
}
.tw-border-t {
  border-top-width: 1px;
}
.tw-border-solid {
  border-style: solid;
}
.tw-border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.tw-border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.tw-bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.tw-bg-primaryDark {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tw-primaryDark) / var(--tw-bg-opacity, 1));
}
.tw-bg-primaryDarker {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tw-primaryDarker) / var(--tw-bg-opacity, 1));
}
.tw-bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.tw-bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.tw-bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.tw-bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.tw-bg-cover {
  background-size: cover;
}
.tw-bg-center {
  background-position: center;
}
.tw-fill-slate-100 {
  fill: #f1f5f9;
}
.tw-object-cover {
  object-fit: cover;
}
.tw-p-1 {
  padding: 0.25rem;
}
.tw-p-2 {
  padding: 0.5rem;
}
.tw-p-4 {
  padding: 1rem;
}
.tw-p-6 {
  padding: 1.5rem;
}
.tw-px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.tw-px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.tw-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tw-px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tw-py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.tw-pb-10 {
  padding-bottom: 2.5rem;
}
.tw-pb-14 {
  padding-bottom: 3.5rem;
}
.tw-pb-16 {
  padding-bottom: 4rem;
}
.tw-pb-24 {
  padding-bottom: 6rem;
}
.tw-pb-28 {
  padding-bottom: 7rem;
}
.tw-pb-4 {
  padding-bottom: 1rem;
}
.tw-pb-6 {
  padding-bottom: 1.5rem;
}
.tw-pl-1 {
  padding-left: 0.25rem;
}
.tw-pl-2 {
  padding-left: 0.5rem;
}
.tw-pl-3 {
  padding-left: 0.75rem;
}
.tw-pr-1 {
  padding-right: 0.25rem;
}
.tw-pt-10 {
  padding-top: 2.5rem;
}
.tw-pt-2 {
  padding-top: 0.5rem;
}
.tw-pt-20 {
  padding-top: 5rem;
}
.tw-pt-3 {
  padding-top: 0.75rem;
}
.tw-pt-6 {
  padding-top: 1.5rem;
}
.tw-pt-8 {
  padding-top: 2rem;
}
.tw-text-left {
  text-align: left;
}
.tw-text-center {
  text-align: center;
}
.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.tw-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.tw-text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.tw-text-\[13px\] {
  font-size: 13px;
}
.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.tw-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.tw-font-bold {
  font-weight: 700;
}
.tw-font-medium {
  font-weight: 500;
}
.tw-font-semibold {
  font-weight: 600;
}
.tw-leading-6 {
  line-height: 1.5rem;
}
.tw-leading-7 {
  line-height: 1.75rem;
}
.tw-tracking-tight {
  letter-spacing: -0.025em;
}
.tw-text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.tw-text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.tw-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.tw-text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.tw-text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.tw-text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.tw-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.tw-text-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--tw-primary) / var(--tw-text-opacity, 1));
}
.tw-text-primaryDark {
  --tw-text-opacity: 1;
  color: rgb(var(--tw-primaryDark) / var(--tw-text-opacity, 1));
}
.tw-text-primaryDarker {
  --tw-text-opacity: 1;
  color: rgb(var(--tw-primaryDarker) / var(--tw-text-opacity, 1));
}
.tw-text-primaryLighter {
  --tw-text-opacity: 1;
  color: rgb(var(--tw-primaryLighter) / var(--tw-text-opacity, 1));
}
.tw-text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.tw-text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.tw-text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.tw-text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-underline {
  text-decoration-line: underline;
}
.tw-opacity-40 {
  opacity: 0.4;
}
.tw-opacity-50 {
  opacity: 0.5;
}
.tw-opacity-60 {
  opacity: 0.6;
}
.tw-opacity-75 {
  opacity: 0.75;
}
.tw-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.tw-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.tw-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.tw-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.tw-shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.tw-shadow-blue-900\/20 {
  --tw-shadow-color: rgb(30 58 138 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.tw-shadow-slate-900\/10 {
  --tw-shadow-color: rgb(15 23 42 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.tw-shadow-slate-900\/5 {
  --tw-shadow-color: rgb(15 23 42 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.tw-ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.tw-ring-inset {
  --tw-ring-inset: inset;
}
.tw-ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.tw-ring-slate-500\/10 {
  --tw-ring-color: rgb(100 116 139 / 0.1);
}
.tw-ring-slate-700\/10 {
  --tw-ring-color: rgb(51 65 85 / 0.1);
}
.tw-ring-slate-900\/10 {
  --tw-ring-color: rgb(15 23 42 / 0.1);
}
.tw-ring-white\/10 {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.tw-ring-offset-0 {
  --tw-ring-offset-width: 0px;
}
.tw-transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-duration-500 {
  transition-duration: 500ms;
}
.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  -webkit-font-smoothing: antialiased;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: normal;
}
p {
  line-height: 1.58;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: 0;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  font: inherit;
  margin: 0;
  vertical-align: baseline;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
button,
input,
select,
textarea {
  color: #222;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: none;
  padding: 0;
}
input {
  padding: 0;
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  font-size: inherit;
  color: inherit;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
:root {
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
}
html.dark-theme {
  --bs-body-bg: #252529;
  --bs-body-bg-rgb:
    37,
    37,
    41;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: 16px;
  --bs-modal-box-shadow: 6px 20px 48px 0px rgba(20, 20, 20, 0.24), 0px 8px 16px 0px rgba(20, 20, 20, 0.16);
  --bs-modal-inner-border-radius: calc(16px - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
body.modal-open {
  overflow: hidden;
}
modal-container.modal .modal-dialog-scrollable {
  --modal-header-height: 0px;
  --modal-footer-height: 0px;
  --modal-margin: 3.5rem;
}
modal-container.modal .modal-dialog-scrollable .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - var(--modal-margin));
  overflow: hidden;
}
modal-container.modal .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  max-height: calc(100vh - var(--modal-margin) - var(--modal-header-height) - var(--modal-footer-height));
}
modal-container.modal .modal-dialog-scrollable .modal-header,
modal-container.modal .modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-backdrop {
  transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.bottom-sheet-drag-handle {
  display: flex;
  justify-content: center;
  padding: 12px 0 4px;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.bottom-sheet-drag-handle-bar {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.2);
}
html.mobile .modal-header {
  padding: 20px 20px 15px 20px;
  border-bottom: none;
  font-size: 15px;
  font-weight: 500;
}
html.mobile .modal-body {
  padding: 0 20px 15px;
  border-top: none;
  border-bottom: none;
}
html.mobile .modal-footer {
  padding: 15px 0 20px;
  border-top: 1px solid #e5e5e5;
  margin: 0 15px;
}
html.mobile .modal.bottom-sheet {
  top: unset;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
html.mobile .modal.bottom-sheet .modal-dialog {
  overflow: hidden;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content {
  overflow-y: scroll;
  position: relative;
  border-radius: 14px 14px 0 0;
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content > * {
  max-height: calc(var(--full-height, 100vh) - 32px);
  overflow-y: scroll;
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content > *::-webkit-scrollbar {
  display: none;
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content:has(page-header) > *,
html.mobile .modal.bottom-sheet .modal-dialog .modal-content:has(top-panel) > * {
  padding-top: var(--page-header-height, 62px);
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content:has(.fixed-footer) > *,
html.mobile .modal.bottom-sheet .modal-dialog .modal-content:has(bottom-fixed-bar) > * {
  padding-bottom: var(--bottom-fixed-bar-height, 0px);
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content top-panel,
html.mobile .modal.bottom-sheet .modal-dialog .modal-content page-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
html.mobile .modal.bottom-sheet .modal-dialog .modal-content .sticky-tab-bar {
  top: 0;
}
html.mobile .modal.bottom-up {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(100%);
}
html.mobile .modal.bottom-up.show {
  transform: translateY(0);
}
html.pc .modal.bottom-sheet {
  top: unset;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
html.pc .modal.bottom-sheet .modal-dialog {
  overflow: hidden;
  margin: 0;
  width: 100%;
  max-width: 600px;
}
html.pc .modal.bottom-sheet .modal-dialog .modal-content {
  overflow-y: scroll;
  position: relative;
  border-radius: 14px 14px 0 0;
  max-height: 80vh;
}
html.pc .modal.bottom-sheet .modal-dialog .modal-content::-webkit-scrollbar {
  display: none;
}
html.pc .modal.bottom-up {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(100%);
}
html.pc .modal.bottom-up.show {
  transform: translateY(0);
}
html:not(.pc):not(.mobile) .modal.bottom-sheet {
  top: unset;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
html:not(.pc):not(.mobile) .modal.bottom-sheet .modal-dialog {
  overflow: hidden;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
html:not(.pc):not(.mobile) .modal.bottom-sheet .modal-dialog .modal-content {
  overflow-y: scroll;
  position: relative;
  border-radius: 14px 14px 0 0;
  max-height: 80vh;
}
html:not(.pc):not(.mobile) .modal.bottom-sheet .modal-dialog .modal-content::-webkit-scrollbar {
  display: none;
}
html:not(.pc):not(.mobile) .modal.bottom-up {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(100%);
}
html:not(.pc):not(.mobile) .modal.bottom-up.show {
  transform: translateY(0);
}
.modal-content {
  box-shadow: 6px 20px 48px 0px rgba(20, 20, 20, 0.24), 0px 8px 16px 0px rgba(20, 20, 20, 0.16);
  border-radius: 16px;
}
.modal-dialog .modal-content {
  border: none;
}
.modal-header {
  border-bottom: none;
}
.modal-backdrop {
  transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.modal-dialog.modal-dialog-sm {
  margin-top: 128px;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
[lang=en] {
  font-family:
    "Pretendard Variable",
    "Pretendard JP",
    "Noto Sans SC",
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    Roboto,
    "Helvetica Neue",
    "Segoe UI",
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Malgun Gothic",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    sans-serif;
}
[lang=en] label {
  font-weight: 600;
}
[lang=ja] {
  font-family:
    "Pretendard JP",
    "Pretendard Variable",
    "Noto Sans SC",
    "Noto Sans KR",
    "Hiragino Kaku Gothic ProN",
    "\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3",
    "Hiragino Kaku Gothic Pro",
    Osaka,
    "\30e1\30a4\30ea\30aa",
    Meiryo,
    "\ff2d\ff33  \ff30\30b4\30b7\30c3\30af",
    "MS PGothic",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
[lang=ja] label {
  font-weight: 600;
}
[lang=ko] {
  font-family:
    "Pretendard Variable",
    Pretendard,
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    Roboto,
    "Helvetica Neue",
    "Segoe UI",
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Malgun Gothic",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    sans-serif;
}
[lang=ko] label {
  font-weight: 600;
}
[lang=zh-hans],
[lang=zh-hant] {
  font-family:
    "Noto Sans SC",
    "Noto Sans JP",
    "Noto Sans KR",
    "\534e\6587\7ec6\9ed1",
    "STXihei",
    "PingFang TC",
    "\5fae\8f6f\96c5\9ed1\4f53",
    "Microsoft YaHei New",
    "\5fae\8f6f\96c5\9ed1",
    "Microsoft Yahei",
    "\5b8b\4f53",
    "SimSun",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=zh-hans] label,
[lang=zh-hant] label {
  font-weight: 600;
}
[lang=zh-hans],
[lang=zh-hant] {
  --cap-height: 0.88;
  --descender-height-scale: 0.14;
}
[lang=tl] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=tl] label {
  font-weight: 600;
}
[lang=fr] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=fr] label {
  font-weight: 600;
}
[lang=de] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=de] label {
  font-weight: 600;
}
[lang=hi] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=hi] label {
  font-weight: 600;
}
[lang=ms] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=ms] label {
  font-weight: 600;
}
[lang=pt] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=pt] label {
  font-weight: 600;
}
[lang=ru] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=ru] label {
  font-weight: 600;
}
[lang=es] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=es] label {
  font-weight: 600;
}
[lang=vi] {
  font-family:
    "Noto Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
[lang=vi] label {
  font-weight: 600;
}
[lang=id] {
  font-family:
    "Lato",
    "Open Sans",
    "Charcoal",
    "Geneva",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}
::ng-deep {
}
::ng-deep .toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
::ng-deep .toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-top-left {
  top: 12px;
  left: 12px;
}
::ng-deep .toast-top-right {
  top: 12px;
  right: 12px;
}
::ng-deep .toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
::ng-deep .toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
::ng-deep {
}
::ng-deep .toast-title {
  font-weight: bold;
}
::ng-deep .toast-message {
  word-wrap: break-word;
}
::ng-deep .toast-message a,
::ng-deep .toast-message label {
  color: #FFFFFF;
}
::ng-deep .toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
::ng-deep .toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
::ng-deep .toast-close-button:hover,
::ng-deep .toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
::ng-deep {
}
::ng-deep button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
::ng-deep .toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
::ng-deep .toast-container * {
  box-sizing: border-box;
}
::ng-deep .toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
::ng-deep .toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
::ng-deep {
}
::ng-deep .toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
::ng-deep {
}
::ng-deep .toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
::ng-deep {
}
::ng-deep .toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
::ng-deep {
}
::ng-deep .toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
::ng-deep .toast-container.toast-top-center .ngx-toastr,
::ng-deep .toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
::ng-deep .toast-container.toast-top-full-width .ngx-toastr,
::ng-deep .toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
::ng-deep .ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
::ng-deep .toast-success {
  background-color: #51A351;
}
::ng-deep .toast-error {
  background-color: #BD362F;
}
::ng-deep .toast-info {
  background-color: #2F96B4;
}
::ng-deep .toast-warning {
  background-color: #F89406;
}
::ng-deep .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
::ng-deep {
}
@media all and (max-width: 240px) {
  ::ng-deep .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  ::ng-deep .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  ::ng-deep .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  ::ng-deep .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  ::ng-deep .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
::ng-deep .toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
::ng-deep .toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-top-left {
  top: 12px;
  left: 12px;
}
::ng-deep .toast-top-right {
  top: 12px;
  right: 12px;
}
::ng-deep .toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
::ng-deep .toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
::ng-deep .toast-container.toast-top-center .ngx-toastr,
::ng-deep .toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
::ng-deep .toast-container.toast-top-full-width .ngx-toastr,
::ng-deep .toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
::ng-deep .toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
::ng-deep .toast-container .ngx-toastr {
  border-radius: var(--bs-border-radius);
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 0.75rem 1.25rem 0.75rem 50px;
  width: 300px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  pointer-events: auto;
}
::ng-deep .toast-container .ngx-toastr .toast-title {
  font-weight: bold;
}
::ng-deep .toast-container .ngx-toastr .toast-message {
  word-wrap: break-word;
}
::ng-deep .toast-container .ngx-toastr .toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: inherit;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  background: transparent;
  border: 0;
  padding: 0;
}
::ng-deep .toast-container .ngx-toastr .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.3;
}
::ng-deep .toast-container .ngx-toastr .toast-close-button:hover,
::ng-deep .toast-container .ngx-toastr .toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}
::ng-deep .toast-container .ngx-toastr:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
  cursor: pointer;
}
::ng-deep .toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(13, 70.2, 43.68, 0.999999)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  color: rgb(13, 70.2, 43.68) !important;
  background-color: rgb(209, 231, 220.8);
  border: 1px solid rgb(190.6, 221.4, 207.12);
}
::ng-deep .toast-success a {
  text-decoration: underline !important;
  color: rgb(5, 27, 16.8) !important;
}
::ng-deep .toast-success a:hover {
  color: rgb(1, 5.4, 3.36) !important;
}
::ng-deep .toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(114.4, 27.56, 35.88, 0.999999)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
  color: rgb(114.4, 27.56, 35.88) !important;
  background-color: rgb(248, 214.6, 217.8);
  border: 1px solid rgb(245.2, 198.44, 202.92);
}
::ng-deep .toast-error a {
  text-decoration: underline !important;
  color: rgb(44, 10.6, 13.8) !important;
}
::ng-deep .toast-error a:hover {
  color: rgb(8.8, 2.12, 2.76) !important;
}
::ng-deep .toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(6.76, 105.04, 124.8, 0.999999)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
  color: rgb(6.76, 105.04, 124.8) !important;
  background-color: rgb(206.6, 244.4, 252);
  border: 1px solid rgb(187.24, 240.16, 250.8);
}
::ng-deep .toast-info a {
  text-decoration: underline !important;
  color: rgb(2.6, 40.4, 48) !important;
}
::ng-deep .toast-info a:hover {
  color: rgb(0.52, 8.08, 9.6) !important;
}
::ng-deep .toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgba(132.6, 100.36, 3.64, 0.999999)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
  color: rgb(132.6, 100.36, 3.64) !important;
  background-color: rgb(255, 242.6, 205.4);
  border: 1px solid rgb(255, 237.64, 185.56);
}
::ng-deep .toast-warning a {
  text-decoration: underline !important;
  color: rgb(51, 38.6, 1.4) !important;
}
::ng-deep .toast-warning a:hover {
  color: rgb(10.2, 7.72, 0.28) !important;
}
@media all and (max-width: 240px) {
  ::ng-deep .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  ::ng-deep .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  ::ng-deep .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  ::ng-deep .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  ::ng-deep .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
::ng-deep .toast-container .ngx-toastr {
  width: 320px;
  padding: 6px 16px 6px 20px;
  margin: 0;
  border-radius: 0;
}
::ng-deep .toast-container .toast-success,
::ng-deep .toast-container .toast-success:hover {
  box-shadow:
    3px 8px 18px 0 rgba(20, 20, 20, 0.12),
    0 1px 4px 0 rgba(20, 20, 20, 0.08),
    inset 3px 0 0 0 var(--green);
  border: none;
}
::ng-deep .toast-container .toast-error,
::ng-deep .toast-container .toast-error:hover {
  box-shadow:
    3px 8px 18px 0 rgba(20, 20, 20, 0.12),
    0 1px 4px 0 rgba(20, 20, 20, 0.08),
    inset 3px 0 0 0 var(--red);
  border: none;
}
::ng-deep .toast-container .toast-info,
::ng-deep .toast-container .toast-info:hover {
  box-shadow:
    3px 8px 18px 0 rgba(20, 20, 20, 0.12),
    0 1px 4px 0 rgba(20, 20, 20, 0.08),
    inset 3px 0 0 0 var(--blue);
  border: none;
}
::ng-deep .toast-container .ngx-toastr + .ngx-toastr {
  margin-top: 8px;
}
::ng-deep .toast-container.center-center {
  top: 50%;
  margin-left: 50%;
  transform: translate(-100%, -50%);
}
::ng-deep .toast-container.top-center {
  top: 32px;
  right: 0;
  width: 100%;
}
::ng-deep .toast-container.bottom-center {
  bottom: calc(var(--bottom-fixed-bar-height, 0px) + 20px);
  margin-right: 0;
  width: 100%;
}
::ng-deep .toast-container.bottom-center.ngx-toastr {
  padding: 0 20px;
}
::ng-deep .toast-container.top-full-width {
  top: 32px;
  margin-right: 0;
  width: 100%;
}
::ng-deep .toast-container.bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
::ng-deep .toast-container.top-left {
  top: 32px;
  margin-left: 64px;
}
::ng-deep .toast-container.top-right {
  top: 32px;
  right: 64px;
}
::ng-deep .toast-container.bottom-right {
  right: 64px;
  bottom: 32px;
}
::ng-deep .toast-container.bottom-left {
  bottom: 32px;
  margin-left: 64px;
}
::ng-deep .toast-container.top-center .ngx-toastr,
::ng-deep .toast-container.bottom-center .ngx-toastr {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}
::ng-deep .toast-container.top-full-width .ngx-toastr,
::ng-deep .toast-container.bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
::ng-deep mp-toast {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: var(--grayDarker) !important;
  background-image: none !important;
}
::ng-deep mp-toast .contents {
  display: flex;
}
::ng-deep mp-toast .contents mp-icon {
  margin: 18px 16px 0 0;
}
::ng-deep mp-toast .contents .message {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  font-size: 14px;
  color: white;
  font-weight: 500;
}
::ng-deep mp-toast .contents .message .title {
  line-height: 1.58;
}
::ng-deep mp-toast .contents .message .description {
  font-weight: 400;
  margin-top: 2px;
}
::ng-deep mp-toast mp-icon-button {
  margin-top: 12px;
  opacity: 0.3;
  justify-self: flex-end;
}
::ng-deep html.dark-theme mp-toast {
  background-color: var(--bg-elevated, #252529) !important;
}
::ng-deep html.dark-theme mp-toast .contents .message {
  color: #f6f6f7;
}
.tippy-box {
  padding: 10px;
  border-radius: 8px;
  box-shadow: var(--tooltip-box-shadow-important, var(--tooltip-box-shadow));
  word-break: normal;
  word-wrap: break-word;
}
.tippy-box > .tippy-content {
  font-size: 13px;
  font-weight: 500;
  color: white;
  padding: 0 !important;
  line-height: 1.58;
  text-align: var(--tooltip-align-important, var(--tooltip-align));
}
.tippy-box > .tippy-svg-arrow {
  position: absolute;
  transform: none !important;
}
.tippy-box > .tippy-svg-arrow > div.arrow {
  width: 6px;
  height: 6px;
  background-color: var(--tooltip-color-important, var(--tooltip-color));
  transform: rotate(45deg);
}
.tippy-box[data-theme~=normal] {
  background-color: var(--tooltip-color-important, var(--tooltip-color));
}
html.dark-theme .tippy-box[data-theme~=normal] > .tippy-content {
  color: #1B1D1F;
}
.tippy-box[data-theme~=error] {
  background-color: var(--redDark);
}
.tippy-box[data-theme~=error] > .tippy-svg-arrow > div.arrow {
  background-color: var(--redDark);
}
.tippy-box[data-theme~=normal] > .tippy-backdrop {
  background-color: var(--backdrop);
}
.tippy-box[data-placement=top-start] > .tippy-svg-arrow {
  bottom: -3px !important;
  left: 16px !important;
}
.tippy-box[data-placement=top] > .tippy-svg-arrow {
  bottom: -3px !important;
  left: 50% !important;
  margin-left: -3px !important;
}
.tippy-box[data-placement=top-end] > .tippy-svg-arrow {
  bottom: -3px !important;
  right: 16px !important;
  left: unset !important;
}
.tippy-box[data-placement=left-start] > .tippy-svg-arrow {
  right: -3px !important;
  top: 16px !important;
}
.tippy-box[data-placement=left] > .tippy-svg-arrow {
  right: -3px !important;
  top: 50% !important;
  margin-top: -3px !important;
}
.tippy-box[data-placement=left-end] > .tippy-svg-arrow {
  right: -3px !important;
  bottom: 16px !important;
  top: unset !important;
}
.tippy-box[data-placement=right-start] > .tippy-svg-arrow {
  left: -3px !important;
  top: 16px !important;
}
.tippy-box[data-placement=right] > .tippy-svg-arrow {
  left: -3px !important;
  top: 50% !important;
  margin-top: -3px !important;
}
.tippy-box[data-placement=right-end] > .tippy-svg-arrow {
  left: -3px !important;
  bottom: 16px !important;
  top: unset !important;
}
.tippy-box[data-placement=bottom-start] > .tippy-svg-arrow {
  top: -3px !important;
  left: 16px !important;
}
.tippy-box[data-placement=bottom] > .tippy-svg-arrow {
  top: -3px !important;
  left: 50% !important;
  margin-left: -3px !important;
}
.tippy-box[data-placement=bottom-end] > .tippy-svg-arrow {
  top: -3px !important;
  left: unset !important;
  right: 16px !important;
}
.clickable:focus {
  background-color: var(--hoverStrong);
}
mp-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: var(--icon-font-size-important, var(--icon-font-size));
  height: var(--icon-font-size-important, var(--icon-font-size));
  font-size: var(--icon-font-size-important, var(--icon-font-size)) !important;
  color: var(--icon-color-important, var(--icon-color));
}
mp-icon.material-icons:after,
mp-icon.material-icons-outlined:after {
  display: block;
  content: var(--icon-name-important, var(--icon-name));
  overflow: hidden;
}
mp-icon.material-symbols:after {
  display: block;
  content: var(--icon-name-important, var(--icon-name));
  overflow: hidden;
}
mp-icon.material-symbols.fill {
  font-variation-settings: "FILL" 1;
}
mp-icon.svg {
  overflow: hidden;
}
mp-icon svg {
  fill: var(--icon-color-important, var(--icon-color));
  width: 100%;
}
mp-menu-cell,
[mpMenuCell] {
  display: block;
  padding: var(--menu-cell-padding-important, var(--menu-cell-padding));
  width: var(--menu-cell-width-important, var(--menu-cell-width));
  min-height: 36px;
  cursor: pointer;
}
mp-menu-cell > div,
[mpMenuCell] > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
mp-menu-cell > div div[adornment],
[mpMenuCell] > div div[adornment] {
  margin-left: auto;
  margin-right: 6px;
  display: flex;
  gap: 4px;
}
mp-menu-cell > div div:not([adornment]),
[mpMenuCell] > div div:not([adornment]) {
  display: flex;
  align-items: center;
  gap: 4px;
}
mp-menu-cell > div div:not([adornment]) label,
[mpMenuCell] > div div:not([adornment]) label {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  color: var(--menu-cell-color-important, var(--menu-cell-color));
  font-weight: 500 !important;
  line-height: 1.5;
  cursor: inherit;
  flex: 1;
}
mp-menu-cell > div div:not([adornment]) label::selection,
[mpMenuCell] > div div:not([adornment]) label::selection {
  background: transparent;
}
mp-menu-cell p,
[mpMenuCell] p {
  font-size: 12px;
  color: var(--menu-cell-desc-color-important, var(--menu-cell-desc-color));
  margin: 4px 0 0 0;
  line-height: 1.5;
}
mp-menu-cell p::selection,
[mpMenuCell] p::selection {
  background: transparent;
}
@media (hover: hover) {
  mp-menu-cell:not(.selected):hover,
  [mpMenuCell]:not(.selected):hover {
    background-color: var(--hoverWeak);
  }
}
mp-menu-cell:not(.selected):active,
[mpMenuCell]:not(.selected):active {
  background-color: var(--hoverStrong);
}
mp-menu-cell.selected,
[mpMenuCell].selected {
  background-color: var(--menu-cell-background-color-important, var(--menu-cell-background-color));
  cursor: default;
}
mp-menu-cell.loading,
[mpMenuCell].loading {
  cursor: not-allowed;
}
mp-menu-cell > div img.left,
[mpMenuCell] > div img.left {
  border-radius: 4px;
  margin: 0 10px 0 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
  width: 35px;
  height: 35px;
}
mp-menu-cell > div > div:not([adornment]) ::ng-deep > mp-icon.left,
[mpMenuCell] > div > div:not([adornment]) ::ng-deep > mp-icon.left {
  margin: 0 10px 0 0;
}
mp-menu-cell > div .right,
[mpMenuCell] > div .right {
  margin: 0 0 0 6px;
}
mp-menu-cell > div .right + .right,
[mpMenuCell] > div .right + .right {
  margin-left: 3px;
}
mp-menu-cell > div > mp-icon.adornment,
[mpMenuCell] > div > mp-icon.adornment {
  --icon-color: var(--menu-cell-color);
  margin: 2px 0 0 0;
}
mp-menu-cell.divider + mp-menu-cell.divider,
[mpMenuCell].divider + [mpMenuCell].divider {
  margin-top: 12px;
  position: relative;
}
mp-menu-cell.divider + mp-menu-cell.divider::before,
[mpMenuCell].divider + [mpMenuCell].divider::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: -6px;
  left: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.04);
}
mp-badge,
[mpBadge] {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  line-height: normal;
  color: var(--badge-color-important, var(--badge-color));
  background: var(--badge-background-color-important, var(--badge-background-color));
  box-shadow: var(--badge-shadow);
  cursor: default;
  font-weight: 500;
  white-space: nowrap;
}
mp-badge.xs,
[mpBadge].xs {
  padding: 2px 6px 3px;
  font-size: 10px;
  border-radius: 5px;
  --left-icon-margin: 3px;
  --right-icon-margin: 3px;
}
mp-badge.s,
[mpBadge].s {
  padding: 3px 6px 4px;
  font-size: 12px;
  border-radius: 6px;
}
mp-badge.m,
[mpBadge].m {
  padding: 4px 8px 5px;
  font-size: 13px;
  border-radius: 8px;
}
mp-badge.l,
[mpBadge].l {
  padding: 5px 8px 6px;
  font-size: 14px;
  border-radius: 8px;
}
mp-badge mp-icon.left,
mp-badge img.left,
[mpBadge] mp-icon.left,
[mpBadge] img.left {
  margin-right: var(--left-icon-margin, 4px);
}
mp-badge mp-icon.right,
mp-badge img.right,
[mpBadge] mp-icon.right,
[mpBadge] img.right {
  margin-left: var(--right-icon-margin, 4px);
}
mp-badge span::selection,
[mpBadge] span::selection {
  background: transparent;
}
mp-badge[color=red-to-pink-gradient][variant=outline],
[mpBadge][color=red-to-pink-gradient][variant=outline] {
  background: transparent;
  background-image:
    linear-gradient(
      90deg,
      white,
      white),
    var(--red-to-pink-gradient);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border: 1px solid transparent;
}
mp-badge[color=red-to-pink-gradient][variant=outline] span,
[mpBadge][color=red-to-pink-gradient][variant=outline] span {
  background-image: var(--red-to-pink-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
mp-badge[color=red-to-pink-gradient][variant=outline],
[mpBadge][color=red-to-pink-gradient][variant=outline] {
  box-shadow: none;
}
mp-icon-button,
button[mpIcon],
[mpIconButton] {
  width: var(--icon-button-size);
  height: var(--icon-button-size);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) {
  mp-icon-button:hover button,
  button[mpIcon]:hover button,
  [mpIconButton]:hover button {
    background-color: var(--hoverWeak);
    background-color: var(--button-hover-important, var(--button-hover));
  }
}
mp-icon-button:active button,
button[mpIcon]:active button,
[mpIconButton]:active button {
  background-color: var(--hoverStrong);
  background-color: var(--button-active-important, var(--button-active));
}
mp-icon-button.xs,
button[mpIcon].xs,
[mpIconButton].xs {
  width: 26px;
  height: 26px;
}
mp-icon-button.s,
button[mpIcon].s,
[mpIconButton].s {
  width: 30px;
  height: 30px;
}
mp-icon-button.m,
button[mpIcon].m,
[mpIconButton].m {
  width: 36px;
  height: 36px;
}
mp-icon-button.l,
button[mpIcon].l,
[mpIconButton].l {
  width: 46px;
  height: 46px;
}
mp-icon-button.disabled,
button[mpIcon].disabled,
[mpIconButton].disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
@media (hover: hover) {
  mp-icon-button.disabled:hover button,
  button[mpIcon].disabled:hover button,
  [mpIconButton].disabled:hover button {
    background-color: var(--button-background-color-important, var(--button-background-color));
  }
}
mp-icon-button.disabled:active button,
button[mpIcon].disabled:active button,
[mpIconButton].disabled:active button {
  background-color: var(--button-background-color-important, var(--button-background-color));
}
mp-icon-button.disabled button,
button[mpIcon].disabled button,
[mpIconButton].disabled button {
  pointer-events: none;
}
mp-icon-button,
button[mpIcon],
[mpIconButton] {
  border-radius: 50%;
}
mp-icon-button button[type=button],
button[mpIcon] button[type=button],
[mpIconButton] button[type=button] {
  position: relative;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1.25;
  font-weight: 500;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  color: var(--button-color-important, var(--button-color));
  background-color: var(--button-background-color-important, var(--button-background-color));
  box-shadow: var(--button-shadow);
  outline-style: none !important;
}
mp-icon-button button[type=button] mp-icon,
button[mpIcon] button[type=button] mp-icon,
[mpIconButton] button[type=button] mp-icon {
  margin: auto;
  --icon-color-important: $color;
}
ds-spinner::before {
  display: block;
  width: var(--spinner-width);
  height: var(--spinner-height);
  z-index: 100;
  margin: 0 auto;
  border-radius: 50%;
  border-top: var(--spinner-stroke-important, var(--spinner-stroke)) solid var(--spinner-border-color);
  border-right: var(--spinner-stroke-important, var(--spinner-stroke)) solid var(--spinner-border-color);
  border-bottom: var(--spinner-stroke-important, var(--spinner-stroke)) solid var(--spinner-border-color);
  border-left: var(--spinner-stroke-important, var(--spinner-stroke)) solid transparent;
  animation: spin 0.35s infinite linear;
  -webkit-animation: spin 0.35s infinite linear;
  content: "";
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
ds-spinner.centerOf {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
mp-divider {
  width: var(--divider-width, 100%);
  height: var(--divider-height, 100%);
  justify-content: center;
  align-items: center;
}
mp-divider.horizontal {
  display: flex;
  margin: 0 auto;
  height: var(--divider-height, auto);
  padding-top: var(--divider-padding-top);
  padding-bottom: var(--divider-padding-bottom);
}
mp-divider.vertical {
  display: inline-flex;
  margin: auto 0;
}
mp-divider.vertical div {
  width: var(--divider-size, 1px);
  height: 100%;
  border-left: var(--divider-size, 1px) var(--divider-variant, solid) var(--divider-color, rgba(0, 0, 0, 0.04));
}
mp-divider.horizontal div {
  width: 100%;
  height: var(--divider-size, 1px);
  border-top: var(--divider-size, 1px) var(--divider-variant, solid) var(--divider-color, rgba(0, 0, 0, 0.04));
}
mp-helper-text {
  --helper-text-font-size: 12px;
  --helper-text-color: var(--gray);
  --icon-color: var(--helper-text-color-important, var(--helper-text-color));
  --icon-name: "info";
}
mp-helper-text.info {
  --icon-color-important: var(--gray);
  --helper-text-color-important: var(--gray);
  --icon-name-important: "info";
}
mp-helper-text.error {
  --helper-text-color-important: var(--redDark);
  --icon-color-important: var(--redDark);
  --icon-name-important: "error";
}
mp-helper-text {
  font-size: var(--helper-text-font-size-important, var(--helper-text-font-size));
  display: flex;
  align-items: flex-start;
  line-height: 1.58;
  color: var(--helper-text-color-important, var(--helper-text-color));
  cursor: inherit;
}
mp-helper-text mp-icon {
  --icon-font-size-important: var(--helper-text-icon-size-important, var(--helper-text-icon-size));
  padding-top: 1px;
  padding-right: 4px;
  margin-top: 1px;
}
mp-helper-text > div {
  flex: 1;
}
mp-helper-text[ng-reflect-size=s] {
  font-weight: 400;
}
mp-helper-text[ng-reflect-size=m] {
  font-weight: 500;
}
mp-label {
  --label-color: var(--gray);
  display: flex;
  align-items: center;
  cursor: inherit;
  color: var(--label-color-important, var(--label-color));
  font-size: var(--label-size-important, var(--label-size));
  line-height: 1.4;
}
mp-label span.required {
  color: var(--orangeDark);
  padding: 0 4px;
}
mp-label mp-textarea {
  margin-bottom: 6px;
}
mp-label > .label-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
mp-label > .label-wrapper mp-helper-text {
  padding-left: 8px;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
@keyframes highlight-shine {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #ffffcc;
  }
  100% {
    background-color: transparent;
  }
}
.highlight-shine {
  transition: background-color;
  animation: highlight-shine 1000ms ease-in infinite;
}
.highlight-shine:hover {
  animation-play-state: paused;
  background-color: transparent;
}
:root {
  --primary10: #e97474;
  --primary20: #e65e5e;
  --primary30: #e34949;
  --primary40: #e03636;
  --primary50: #dd2424;
  --primary60: #cd2020;
  --primary70: #bd1d1d;
  --primary80: #ae1b1b;
  --primary90: #a01919;
  --primary10-rgb:
    233,
    116,
    116;
  --primary20-rgb:
    230,
    94,
    94;
  --primary30-rgb:
    227,
    73,
    73;
  --primary40-rgb:
    224,
    54,
    54;
  --primary50-rgb:
    221,
    36,
    36;
  --primary60-rgb:
    205,
    32,
    32;
  --primary70-rgb:
    189,
    29,
    29;
  --primary80-rgb:
    174,
    27,
    27;
  --primary90-rgb:
    160,
    25,
    25;
  --secondary10: #9aa3b7;
  --secondary20: #7d89a3;
  --secondary30: #667390;
  --secondary40: #57627b;
  --secondary50: #4a5469;
  --secondary60: #3d4657;
  --secondary70: #333a48;
  --secondary80: #161c27;
  --secondary90: #232832;
  --secondary10-rgb:
    154,
    163,
    183;
  --secondary20-rgb:
    125,
    137,
    163;
  --secondary30-rgb:
    102,
    115,
    144;
  --secondary40-rgb:
    87,
    98,
    123;
  --secondary50-rgb:
    74,
    84,
    105;
  --secondary60-rgb:
    61,
    70,
    87;
  --secondary70-rgb:
    51,
    58,
    72;
  --secondary80-rgb:
    22,
    28,
    39;
  --secondary90-rgb:
    35,
    40,
    50;
  --grey10: #fcfcfc;
  --grey20: #f5f5f5;
  --grey30: #ededed;
  --grey40: #e7e7e7;
  --grey50: #999999;
  --grey60: #666666;
  --grey70: #424042;
  --grey80: #2d2c2d;
  --grey90: #1a1a1a;
  --grey10-rgb:
    252,
    252,
    252;
  --grey20-rgb:
    245,
    245,
    245;
  --grey30-rgb:
    237,
    237,
    237;
  --grey40-rgb:
    231,
    231,
    231;
  --grey50-rgb:
    153,
    153,
    153;
  --grey60-rgb:
    102,
    102,
    102;
  --grey70-rgb:
    66,
    64,
    66;
  --grey80-rgb:
    45,
    44,
    45;
  --grey90-rgb:
    26,
    26,
    26;
  --slateGrey10: #f2f3f5;
  --slateGrey20: #e6e8eb;
  --slateGrey30: #d1d5d9;
  --slateGrey40: #b8bfc4;
  --slateGrey50: #9ea7ad;
  --slateGrey60: #808991;
  --slateGrey70: #636c73;
  --slateGrey80: #525a61;
  --slateGrey90: #40474d;
  --slateGrey10-rgb:
    242,
    243,
    245;
  --slateGrey20-rgb:
    230,
    232,
    235;
  --slateGrey30-rgb:
    209,
    213,
    217;
  --slateGrey40-rgb:
    184,
    191,
    196;
  --slateGrey50-rgb:
    158,
    167,
    173;
  --slateGrey60-rgb:
    128,
    137,
    145;
  --slateGrey70-rgb:
    99,
    108,
    115;
  --slateGrey80-rgb:
    82,
    90,
    97;
  --slateGrey90-rgb:
    64,
    71,
    77;
  --tertiary10: #faf7eb;
  --tertiary20: #eee4bc;
  --tertiary30: #e4d493;
  --tertiary40: #dbc66f;
  --tertiary50: #d3b94f;
  --tertiary10-rgb:
    250,
    247,
    235;
  --tertiary20-rgb:
    238,
    228,
    188;
  --tertiary30-rgb:
    228,
    212,
    147;
  --tertiary40-rgb:
    219,
    198,
    111;
  --tertiary50-rgb:
    211,
    185,
    79;
  --link: #0083ea;
  --link-rgb:
    0,
    131,
    234;
  --warning-light: #fff9f2;
  --warning: #ff922b;
  --warning-dark: #d9480f;
  --danger-light: #feeff2;
  --danger: #dd2424;
  --danger-dark: #a01919;
  --success-light: #7bcf3b;
  --success: #00c851;
  --success-rgb:
    0,
    200,
    81;
  --info: #2a3246;
  --info-rgb:
    42,
    50,
    70;
  --spinner-border-color: black;
  --grayBackground: #f5f5f7;
  --grayLightest: #e8ebed;
  --grayLighter: #c9cdd2;
  --grayLight: #9ea4aa;
  --gray: #72787f;
  --grayDark: #454c53;
  --grayDarker: #26282b;
  --grayDarkest: #1b1d1f;
  --grayLightest-rgb:
    232,
    235,
    237;
  --grayLighter-rgb:
    201,
    205,
    210;
  --grayLight-rgb:
    158,
    164,
    170;
  --gray-rgb:
    114,
    120,
    127;
  --grayDark-rgb:
    69,
    76,
    83;
  --grayDarker-rgb:
    38,
    40,
    43;
  --grayDarkest-rgb:
    27,
    29,
    31;
  --black: #000000;
  --black-rgb:
    0,
    0,
    0;
  --greenLight: #1fd67d;
  --green: #06bc67;
  --greenDark: #0b9d59;
  --greenLight-rgb:
    31,
    214,
    125;
  --green-rgb:
    6,
    188,
    103;
  --greenDark-rgb:
    11,
    157,
    89;
  --orangeLight: #ff8861;
  --orange: #fd671c;
  --orangeDark: #f04800;
  --orangeLight-rgb:
    255,
    136,
    97;
  --orange-rgb:
    253,
    103,
    28;
  --orangeDark-rgb:
    240,
    72,
    0;
  --redLighter: #fd8795;
  --redLight: #fb4b60;
  --red: #fa243c;
  --redDark: #dc0412;
  --redDarker: #b40418;
  --redLighter-rgb:
    253,
    135,
    149;
  --redLight-rgb:
    251,
    75,
    96;
  --red-rgb:
    250,
    36,
    60;
  --redDark-rgb:
    220,
    4,
    18;
  --redDarker-rgb:
    180,
    4,
    24;
  --white: #ffffff;
  --white-rgb:
    255,
    255,
    255;
  --blueLighter: #c7e1ff;
  --blueLight: #58a6ff;
  --blue: #508cff;
  --blueDark: #2b6be5;
  --blueDarker: #003eae;
  --blueLighter-rgb:
    199,
    225,
    255;
  --blueLight-rgb:
    88,
    166,
    255;
  --blue-rgb:
    80,
    140,
    255;
  --blueDark-rgb:
    43,
    107,
    229;
  --blueDarker-rgb:
    0,
    62,
    174;
  --yellowLighter: #fff5b1;
  --yellowLight: #ffea7f;
  --yellow: #ffd33d;
  --yellowDark: #f9c513;
  --yellowLighter-rgb:
    255,
    245,
    177;
  --yellowLight-rgb:
    255,
    234,
    127;
  --yellow-rgb:
    255,
    211,
    61;
  --yellowDark-rgb:
    249,
    197,
    19;
  --purpleLight: #b083f0;
  --purple: #6f42c1;
  --purpleDark: #5a32a3;
  --purpleLight-rgb:
    176,
    131,
    240;
  --purple-rgb:
    111,
    66,
    193;
  --purpleDark-rgb:
    90,
    50,
    163;
  --tealLight: #98c6cd;
  --teal: #449da7;
  --tealDark: #3f8a92;
  --tealLight-rgb:
    152,
    198,
    205;
  --teal-rgb:
    68,
    157,
    167;
  --tealDark-rgb:
    63,
    138,
    146;
  --firstPurchase: var(--orange);
  --firstPurchaseLight: var(--orangeLight);
  --firstPurchaseLightest: #fff0e8;
  --firstPurchaseDark: var(--orangeDark);
  --firstPurchase-rgb: var(--orange-rgb);
  --firstPurchaseLight-rgb: var(--orangeLight-rgb);
  --firstPurchaseLightest-rgb:
    255,
    240,
    232;
  --firstPurchaseDark-rgb: var(--orangeDark-rgb);
  --hoverWeak: rgba(230, 232, 235, 0.25);
  --hoverStrong: rgba(230, 232, 235, 0.7);
  --backdrop: rgba(0, 0, 0, 0.5);
  --transparent: rgba(255, 255, 255, 0);
  --magic-gradient:
    linear-gradient(
      
      245deg,
      #91a0f2 0%,
      hsl(277, 100%, 68%) 100% );
  --warm-gradient:
    linear-gradient(
      245deg,
      #fab375 0%,
      rgb(238, 105, 79) 100%);
  --wave-gradient:
    linear-gradient(
      245deg,
      #75e6d9 0%,
      hsl(202, 98%, 47%) 100%);
  --orange-red: oklch(63.32% 0.24 31.68);
  --vivid-pink: oklch(69.02% 0.277 332.77);
  --electric-violet: oklch(53.18% 0.28 296.97);
  --red-to-pink-gradient:
    linear-gradient(
      
      90deg,
      var(--orange-red) 0%,
      var(--vivid-pink) 50%,
      var(--electric-violet) 100% );
  --mm5-blue: #3c50ff;
  --mm5-red: #ff5a69;
  --mm5-teal: #0c907e;
  --mm5-purple: #a064ff;
}
:root.mms {
  --primaryLightest: #e3f0ff;
  --primaryLighter: #c7e1ff;
  --primaryLight: #58a6ff;
  --primary: #508cff;
  --primaryDark: #2b6be5;
  --primaryDarker: #003eae;
  --primaryLightest-rgb:
    227,
    240,
    255;
  --primaryLighter-rgb:
    199,
    225,
    255;
  --primaryLight-rgb:
    88,
    166,
    255;
  --primary-rgb:
    80,
    140,
    255;
  --primaryDark-rgb:
    43,
    107,
    229;
  --primaryDarker-rgb:
    0,
    62,
    174;
}
:root.kokomu {
  --primaryLightest: #ffc9cf;
  --primaryLighter: #fd8795;
  --primaryLight: #fb4b60;
  --primary: #fa243c;
  --primaryDark: #dc0412;
  --primaryDarker: #b40418;
  --primaryLightest-rgb:
    255,
    201,
    207;
  --primaryLighter-rgb:
    253,
    135,
    149;
  --primaryLight-rgb:
    251,
    75,
    96;
  --primary-rgb:
    250,
    36,
    60;
  --primaryDark-rgb:
    220,
    4,
    18;
  --primaryDarker-rgb:
    180,
    4,
    24;
}
:root.mapianist {
  --primaryLightest: #f9d4d2;
  --primaryLighter: #f09d98;
  --primaryLight: #e23a36;
  --primary: #e54e47;
  --primaryDark: #dc1312;
  --primaryDarker: #d90000;
  --primaryLightest-rgb:
    249,
    212,
    210;
  --primaryLighter-rgb:
    240,
    157,
    152;
  --primaryLight-rgb:
    226,
    58,
    54;
  --primary-rgb:
    229,
    78,
    71;
  --primaryDark-rgb:
    220,
    19,
    18;
  --primaryDarker-rgb:
    217,
    0,
    0;
}
:root.dark-theme {
  --bg-primary: #0a0a0b;
  --bg-secondary: #111113;
  --bg-tertiary: #1a1a1e;
  --bg-elevated: #252529;
  --bg-hover: #222226;
  --border-primary: #2e2e32;
  --border-secondary: #242428;
  --border-hover: #3a3a3f;
  --text-primary: #f6f6f7;
  --text-secondary: #a3a3a8;
  --text-muted: #6b6b70;
  --text-disabled: #4a4a4e;
  --grayLightest: #2e2e32;
  --grayLighter: #3a3a3f;
  --grayLight: #6b6b70;
  --gray: #a3a3a8;
  --grayDark: #e0e0e2;
  --grayDarker: #f0f0f1;
  --grayDarkest: #f6f6f7;
  --grayLightest-rgb:
    46,
    46,
    50;
  --grayLighter-rgb:
    58,
    58,
    63;
  --grayLight-rgb:
    107,
    107,
    112;
  --gray-rgb:
    163,
    163,
    168;
  --grayDark-rgb:
    224,
    224,
    226;
  --grayDarker-rgb:
    240,
    240,
    241;
  --grayDarkest-rgb:
    246,
    246,
    247;
  --white: #0a0a0b;
  --black: #f6f6f7;
  --white-rgb:
    10,
    10,
    11;
  --black-rgb:
    246,
    246,
    247;
  --success: #00d4aa;
  --success-rgb:
    0,
    212,
    170;
  --warning: #f5a623;
  --warning-rgb:
    245,
    166,
    35;
  --danger: #ef4444;
  --danger-rgb:
    239,
    68,
    68;
  --info: #635bff;
  --info-rgb:
    99,
    91,
    255;
  --hoverWeak: rgba(255, 255, 255, 0.06);
  --hoverStrong: rgba(255, 255, 255, 0.12);
  --backdrop: rgba(0, 0, 0, 0.7);
  --firstPurchaseLightest: #3d2a1f;
}
:root {
  --header-height: 64px;
}
@media (max-width: 767px) {
  :root {
    --header-height: 100px;
  }
}
@keyframes shine {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.clickable {
  cursor: pointer;
}
.clickable:hover {
  background-color: var(--hoverWeak);
}
.clickable:active {
  background-color: var(--hoverStrong);
}
.mat-input-placeholder-wrapper::after {
  content: " " !important;
}
.cdk-overlay-container {
  z-index: 1500 !important;
}
.mp-tab-item-overlay {
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 120ms ease, transform 120ms ease;
  pointer-events: none;
}
.mp-tab-item-overlay.mp-tab-item-overlay--visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 150ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 150ms cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: auto;
}
[smpView] b,
[smpView] strong,
.fr-view b,
.fr-view strong,
.ql-editor b,
.ql-editor strong {
  font-weight: 700;
}
[smpView] i,
[smpView] em,
.fr-view i,
.fr-view em,
.ql-editor i,
.ql-editor em {
  font-style: italic;
}
[smpView] u,
.fr-view u,
.ql-editor u {
  text-decoration: underline;
}
[smpView] s,
[smpView] strike,
[smpView] del,
.fr-view s,
.fr-view strike,
.fr-view del,
.ql-editor s,
.ql-editor strike,
.ql-editor del {
  text-decoration: line-through;
}
[smpView] mark,
.fr-view mark,
.ql-editor mark {
  background-color: #fef08a;
  color: inherit;
}
[smpView] sub,
.fr-view sub,
.ql-editor sub {
  vertical-align: sub;
  font-size: 0.8em;
}
[smpView] sup,
.fr-view sup,
.ql-editor sup {
  vertical-align: super;
  font-size: 0.8em;
}
[smpView] a,
.fr-view a,
.ql-editor a {
  color: var(--link);
  text-decoration: underline;
  word-break: break-all;
}
[smpView] a:hover,
.fr-view a:hover,
.ql-editor a:hover {
  text-decoration: underline;
}
[smpView] blockquote,
.fr-view blockquote,
.ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin: 5px 0;
  padding-left: 16px;
}
[smpView] ul,
.fr-view ul,
.ql-editor ul {
  list-style: disc;
  padding-left: 1.5em;
}
[smpView] ol,
.fr-view ol,
.ql-editor ol {
  list-style: decimal;
  padding-left: 1.5em;
}
[smpView] img,
.fr-view img,
.ql-editor img {
  max-width: 100%;
}
[smpView] hr,
.fr-view hr,
.ql-editor hr {
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 12px 0;
}
:root {
  --full-height: calc(var(--vh, 1vh) * 100);
}
a {
  text-decoration: none;
}
body,
input,
button,
select,
textarea {
  font-size: 13px;
}
body.modal-open {
  overflow: hidden;
}
[data-theme=social-share-box] {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--grayLight);
  background-color: white;
  padding: 16px 12px;
  border-radius: 12px;
}
.mobile-only {
  display: none !important;
}
.gnb-search-overlay-panel {
  width: clamp(360px, 36vw, 640px);
}
.hover\:tw-bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:tw-bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:tw-bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:tw-bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:tw-text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:tw-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:tw-underline:hover {
  text-decoration-line: underline;
}
.hover\:tw-opacity-100:hover {
  opacity: 1;
}
.focus\:tw-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:tw-outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:tw-outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:tw-outline-white:focus-visible {
  outline-color: #fff;
}
.active\:tw-bg-blue-200:active {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.active\:tw-text-slate-600:active {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
  .sm\:-tw-inset-x-6 {
    left: -1.5rem;
    right: -1.5rem;
  }
  .sm\:tw-inset-x-0 {
    left: 0px;
    right: 0px;
  }
  .sm\:-tw-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .sm\:tw-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:tw-mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:tw-mt-0 {
    margin-top: 0px;
  }
  .sm\:tw-mt-24 {
    margin-top: 6rem;
  }
  .sm\:tw-mt-9 {
    margin-top: 2.25rem;
  }
  .sm\:tw-hidden {
    display: none;
  }
  .sm\:tw-w-2\/3 {
    width: 66.666667%;
  }
  .sm\:tw-w-auto {
    width: auto;
  }
  .sm\:tw-flex-col {
    flex-direction: column;
  }
  .sm\:tw-items-start {
    align-items: flex-start;
  }
  .sm\:tw-gap-0 {
    gap: 0px;
  }
  .sm\:tw-gap-8 {
    gap: 2rem;
  }
  .sm\:tw-gap-x-2 {
    column-gap: 0.5rem;
  }
  .sm\:tw-gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm\:tw-gap-y-6 {
    row-gap: 1.5rem;
  }
  .sm\:tw-gap-y-8 {
    row-gap: 2rem;
  }
  .sm\:tw-overflow-visible {
    overflow: visible;
  }
  .sm\:tw-rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:tw-rounded-md {
    border-radius: 0.375rem;
  }
  .sm\:tw-rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .sm\:tw-border {
    border-width: 1px;
  }
  .sm\:tw-border-solid {
    border-style: solid;
  }
  .sm\:tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
  .sm\:tw-p-0 {
    padding: 0px;
  }
  .sm\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:tw-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .sm\:tw-pb-0 {
    padding-bottom: 0px;
  }
  .sm\:tw-pb-20 {
    padding-bottom: 5rem;
  }
  .sm\:tw-pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:tw-pt-32 {
    padding-top: 8rem;
  }
  .sm\:tw-text-center {
    text-align: center;
  }
  .sm\:tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) {
  .md\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:tw-mt-20 {
    margin-top: 5rem;
  }
  .md\:tw-aspect-3\/2 {
    aspect-ratio: 3 / 2;
  }
  .md\:tw-text-center {
    text-align: center;
  }
  .md\:tw-text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) {
  .lg\:tw-col-span-5 {
    grid-column: span 5 / span 5;
  }
  .lg\:tw-col-span-7 {
    grid-column: span 7 / span 7;
  }
  .lg\:tw-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:tw-mt-0 {
    margin-top: 0px;
  }
  .lg\:tw-mt-20 {
    margin-top: 5rem;
  }
  .lg\:tw-block {
    display: block;
  }
  .lg\:tw-hidden {
    display: none;
  }
  .lg\:tw-h-10 {
    height: 2.5rem;
  }
  .lg\:tw-h-2\.5 {
    height: 0.625rem;
  }
  .lg\:tw-h-3 {
    height: 0.75rem;
  }
  .lg\:tw-h-3\.5 {
    height: 0.875rem;
  }
  .lg\:tw-h-4 {
    height: 1rem;
  }
  .lg\:tw-h-5 {
    height: 1.25rem;
  }
  .lg\:tw-h-6 {
    height: 1.5rem;
  }
  .lg\:tw-h-7 {
    height: 1.75rem;
  }
  .lg\:tw-h-8 {
    height: 2rem;
  }
  .lg\:tw-w-\[67\.8125rem\] {
    width: 67.8125rem;
  }
  .lg\:tw-max-w-none {
    max-width: none;
  }
  .lg\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:tw-gap-x-0 {
    column-gap: 0px;
  }
  .lg\:tw-gap-y-1 {
    row-gap: 0.25rem;
  }
  .lg\:tw-whitespace-normal {
    white-space: normal;
  }
  .lg\:tw-rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .lg\:tw-rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .lg\:tw-bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1);
  }
  .lg\:tw-p-6 {
    padding: 1.5rem;
  }
  .lg\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:tw-pb-32 {
    padding-bottom: 8rem;
  }
  .lg\:tw-pt-0 {
    padding-top: 0px;
  }
  .lg\:tw-pt-32 {
    padding-top: 8rem;
  }
  .lg\:tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .lg\:tw-ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .lg\:tw-ring-inset {
    --tw-ring-inset: inset;
  }
  .lg\:tw-ring-white\/10 {
    --tw-ring-color: rgb(255 255 255 / 0.1);
  }
  .lg\:hover\:tw-bg-white\/5:hover {
    background-color: rgb(255 255 255 / 0.05);
  }
}
@media (min-width: 1280px) {
  .xl\:tw-max-w-none {
    max-width: none;
  }
  .xl\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.\[\&\:not\(\:focus-visible\)\]\:focus\:tw-outline-none:focus:not(:focus-visible) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* angular:styles/global:styles */