body.app--sandbox{background-color:#0d0025}body.app--sandbox{--mat-sys-background: light-dark(#fef7fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #322f33);--mat-sys-inverse-primary: light-dark(#d6baff, #7b26e5);--mat-sys-inverse-surface: light-dark(#322f33, #e7e1e5);--mat-sys-on-background: light-dark(#1d1b1e, #e7e1e5);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #430089);--mat-sys-on-primary-container: light-dark(#280056, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#280056, #280056);--mat-sys-on-primary-fixed-variant: light-dark(#6000bf, #6000bf);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#1f182a, #ebdef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4c4357, #4c4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e7e1e5);--mat-sys-on-surface-variant: light-dark(#4a454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #430089);--mat-sys-on-tertiary-container: light-dark(#280056, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#280056, #280056);--mat-sys-on-tertiary-fixed-variant: light-dark(#6000bf, #6000bf);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#ccc4cf, #4a454e);--mat-sys-primary: light-dark(#7b26e5, #d6baff);--mat-sys-primary-container: light-dark(#ecdcff, #6000bf);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d6baff, #d6baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645a70, #cec2db);--mat-sys-secondary-container: light-dark(#ebdef7, #4c4357);--mat-sys-secondary-fixed: light-dark(#ebdef7, #ebdef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef7fc, #151316);--mat-sys-surface-bright: light-dark(#fef7fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2c292d);--mat-sys-surface-container-highest: light-dark(#e7e1e5, #3b383c);--mat-sys-surface-container-low: light-dark(#f8f2f7, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7b26e5, #d6baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #4a454e);--mat-sys-tertiary: light-dark(#7b26e5, #d6baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #6000bf);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d6baff, #d6baff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e}body.app--sandbox{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}body.app--sandbox{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}body.app--sandbox{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}body.app--sandbox{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}body.app--sandbox{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}body.app--sandbox{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}body.app--sandbox{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}body.app--sandbox{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}body.app--sandbox{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body.app--sandbox{--theme-10: #280056;--theme-15: #35006f;--theme-20: #430089;--theme-25: #5100a4;--theme-30: #6000bf;--theme-35: #6e08d9;--theme-40: #7b26e5;--theme-45: #8839f2;--theme-50: #9549ff;--theme-55: #a060ff;--theme-60: #aa73ff;--theme-65: #b586ff;--theme-70: #c098ff;--theme-75: #cba9ff;--theme-80: #d6baff;--theme-85: #e1cbff;--theme-90: #ecdcff;--theme-95: #f8edff;--theme-98: #fef7ff;--theme-99: #fffbff;--theme-100: #ffffff;--neutral-10: #1d1b1e;--neutral-20: #322f33;--neutral-25: #3d3a3e;--neutral-30: #49464a;--neutral-35: #555155;--neutral-40: #615d61;--neutral-50: #7a767a;--neutral-60: #948f94;--neutral-70: #afaaae;--neutral-80: #cac5c9;--neutral-90: #e7e1e5;--neutral-95: #f5eff4;--neutral-98: #fef7fc;--neutral-99: #fffbff;--neutral-100: #ffffff;--mat-sys-background: #0d0025;--mat-sys-surface: #1a003d;--mat-sys-surface-outline: #3f1972;--mat-sys-surface-bright: #280056;--mat-sys-surface-brighter: #430089;--mat-sys-inverse-primary: #3f1972;--mat-sys-inverse-surface: #8965bf;--mat-sys-inverse-on-surface: #ecdcff;--mat-sys-on-surface: #ecdcff;--mat-sys-on-surface-darker: #ecdcff;--mat-sys-on-surface-darkest: #d6baff;--mat-sys-primary: #9549ff;--mat-sys-outline: #aa73ff;--mat-sys-outline-darker: #7b26e5;--link-active-color: #ecdcff;--mat-sys-surface-container-medium: #322f33;--mat-sys-surface-container-high: #615d61;--mat-toolbar-container-background-color: #6000bf;--mat-toolbar-container-text-color: #d6baff;--mdc-protected-button-label-text-color: #d6baff}body.app--sandbox{--mdc-slider-handle-color: #7b26e5}body.app--sandbox{--mat-menu-container-color: var(--mat-sys-surface-container)}body.app--sandbox{--mdc-dialog-container-color: var(--mat-sys-surface-container)}body.app--sandbox{--mdc-protected-button-container-color: #6000bf}body.app--shop{background-color:#140d00}body.app--shop{--mat-sys-background: light-dark(#fff8f0, #15130e);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f6f0e7, #33302a);--mat-sys-inverse-primary: light-dark(#f2c000, #745b00);--mat-sys-inverse-surface: light-dark(#33302a, #e8e2d9);--mat-sys-on-background: light-dark(#1e1b16, #e8e2d9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #3d2f00);--mat-sys-on-primary-container: light-dark(#241a00, #ffe08e);--mat-sys-on-primary-fixed: light-dark(#241a00, #241a00);--mat-sys-on-primary-fixed-variant: light-dark(#584400, #584400);--mat-sys-on-secondary: light-dark(#ffffff, #392f15);--mat-sys-on-secondary-container: light-dark(#231b04, #f2e1bb);--mat-sys-on-secondary-fixed: light-dark(#231b04, #231b04);--mat-sys-on-secondary-fixed-variant: light-dark(#50462a, #50462a);--mat-sys-on-surface: light-dark(#1e1b16, #e8e2d9);--mat-sys-on-surface-variant: light-dark(#4c4639, #ebe1cf);--mat-sys-on-tertiary: light-dark(#ffffff, #3d2f00);--mat-sys-on-tertiary-container: light-dark(#241a00, #ffe08e);--mat-sys-on-tertiary-fixed: light-dark(#241a00, #241a00);--mat-sys-on-tertiary-fixed-variant: light-dark(#584400, #584400);--mat-sys-outline: light-dark(#7d7667, #989080);--mat-sys-outline-variant: light-dark(#cfc6b4, #4c4639);--mat-sys-primary: light-dark(#745b00, #f2c000);--mat-sys-primary-container: light-dark(#ffe08e, #584400);--mat-sys-primary-fixed: light-dark(#ffe08e, #ffe08e);--mat-sys-primary-fixed-dim: light-dark(#f2c000, #f2c000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#695d3f, #d5c5a1);--mat-sys-secondary-container: light-dark(#f2e1bb, #50462a);--mat-sys-secondary-fixed: light-dark(#f2e1bb, #f2e1bb);--mat-sys-secondary-fixed-dim: light-dark(#d5c5a1, #d5c5a1);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f0, #15130e);--mat-sys-surface-bright: light-dark(#fff8f0, #3c3933);--mat-sys-surface-container: light-dark(#f4ede4, #221f1a);--mat-sys-surface-container-high: light-dark(#eee7de, #2c2a24);--mat-sys-surface-container-highest: light-dark(#e8e2d9, #3c3933);--mat-sys-surface-container-low: light-dark(#f9f3e9, #1e1b16);--mat-sys-surface-container-lowest: light-dark(#ffffff, #100e09);--mat-sys-surface-dim: light-dark(#dfd9d0, #15130e);--mat-sys-surface-tint: light-dark(#745b00, #f2c000);--mat-sys-surface-variant: light-dark(#ebe1cf, #4c4639);--mat-sys-tertiary: light-dark(#745b00, #f2c000);--mat-sys-tertiary-container: light-dark(#ffe08e, #584400);--mat-sys-tertiary-fixed: light-dark(#ffe08e, #ffe08e);--mat-sys-tertiary-fixed-dim: light-dark(#f2c000, #f2c000);--mat-sys-neutral-variant20: #353024;--mat-sys-neutral10: #1e1b16}body.app--shop{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}body.app--shop{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}body.app--shop{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}body.app--shop{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}body.app--shop{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}body.app--shop{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}body.app--shop{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}body.app--shop{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}body.app--shop{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body.app--shop{--theme-10: #241a00;--theme-15: ;--theme-20: #3d2f00;--theme-25: #4a3900;--theme-30: #584400;--theme-35: #665000;--theme-40: #745b00;--theme-45: ;--theme-50: #927300;--theme-55: ;--theme-60: #b18c00;--theme-65: ;--theme-70: #d1a600;--theme-75: ;--theme-80: #f2c000;--theme-85: ;--theme-90: #ffe08e;--theme-95: #ffefce;--theme-98: #fff8f1;--theme-99: #fffbff;--theme-100: #ffffff;--neutral-10: #1e1b16;--neutral-20: #33302a;--neutral-25: #3e3b35;--neutral-30: #4a4640;--neutral-35: #55524b;--neutral-40: #625e57;--neutral-50: #7b776f;--neutral-60: #959088;--neutral-70: #b0aaa2;--neutral-80: #cbc6bd;--neutral-90: #e8e2d9;--neutral-95: #f6f0e7;--neutral-98: #fff8f0;--neutral-99: #fffbff;--neutral-100: #ffffff;--mat-sys-background: #140d00;--mat-sys-surface: ;--mat-sys-surface-outline: #3d2f00;--mat-sys-surface-bright: #241a00;--mat-sys-surface-brighter: #3d2f00;--mat-sys-inverse-primary: #3d2f00;--mat-sys-inverse-surface: #927300;--mat-sys-inverse-on-surface: #ffe08e;--mat-sys-on-surface: #ffe08e;--mat-sys-on-surface-darker: #ffe08e;--mat-sys-on-surface-darkest: #f2c000;--mat-sys-primary: #927300;--mat-sys-outline: #b18c00;--mat-sys-outline-darker: #745b00;--link-active-color: #ffe08e;--mat-sys-surface-container-medium: #33302a;--mat-sys-surface-container-high: #625e57;--mat-toolbar-container-background-color: #584400;--mat-toolbar-container-text-color: #f2c000;--mdc-protected-button-label-text-color: #f2c000}body.app--shop{--mdc-slider-handle-color: #745b00}body.app--shop{--mat-menu-container-color: var(--mat-sys-surface-container)}body.app--shop{--mdc-dialog-container-color: var(--mat-sys-surface-container)}body.app--shop{--mdc-protected-button-container-color: #584400}body.app--code{background-color:#000031}body.app--code{--mat-sys-background: light-dark(#fcf8fd, #131316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f3eff4, #303034);--mat-sys-inverse-primary: light-dark(#bec2ff, #343dff);--mat-sys-inverse-surface: light-dark(#303034, #e5e1e6);--mat-sys-on-background: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #0001ac);--mat-sys-on-primary-container: light-dark(#00006e, #e0e0ff);--mat-sys-on-primary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-primary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);--mat-sys-on-secondary-container: light-dark(#191a2c, #e1e0f9);--mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);--mat-sys-on-surface: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#00006e, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#777680, #91909a);--mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);--mat-sys-primary: light-dark(#343dff, #bec2ff);--mat-sys-primary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-primary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);--mat-sys-secondary-container: light-dark(#e1e0f9, #444559);--mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);--mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fcf8fd, #131316);--mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);--mat-sys-surface-container: light-dark(#f0edf1, #201f22);--mat-sys-surface-container-high: light-dark(#ebe7eb, #2a292d);--mat-sys-surface-container-highest: light-dark(#e5e1e6, #3a393c);--mat-sys-surface-container-low: light-dark(#f6f2f7, #1b1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);--mat-sys-surface-dim: light-dark(#dcd9dd, #131316);--mat-sys-surface-tint: light-dark(#343dff, #bec2ff);--mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f}body.app--code{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}body.app--code{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}body.app--code{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}body.app--code{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}body.app--code{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}body.app--code{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}body.app--code{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}body.app--code{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}body.app--code{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body.app--code{--theme-10: #00006e;--theme-15: ;--theme-20: #0001ac;--theme-25: #0001cd;--theme-30: #0000ef;--theme-35: #1a21ff;--theme-40: #343dff;--theme-45: ;--theme-50: #5a64ff;--theme-55: ;--theme-60: #7c84ff;--theme-65: ;--theme-70: #9da3ff;--theme-75: ;--theme-80: #bec2ff;--theme-85: ;--theme-90: #e0e0ff;--theme-95: #f1efff;--theme-98: #fbf8ff;--theme-99: #fffbff;--theme-100: #ffffff;--neutral-10: #1b1b1f;--neutral-20: #303034;--neutral-25: #3c3b3f;--neutral-30: #47464a;--neutral-35: #535256;--neutral-40: #5f5e62;--neutral-50: #78767a;--neutral-60: #929094;--neutral-70: #adaaaf;--neutral-80: #c8c5ca;--neutral-90: #e5e1e6;--neutral-95: #f3eff4;--neutral-98: #fcf8fd;--neutral-99: #fffbff;--neutral-100: #ffffff;--mat-sys-background: #000031;--mat-sys-surface: ;--mat-sys-surface-outline: #0001ac;--mat-sys-surface-bright: #00006e;--mat-sys-surface-brighter: #0001ac;--mat-sys-inverse-primary: #0001ac;--mat-sys-inverse-surface: #5a64ff;--mat-sys-inverse-on-surface: #e0e0ff;--mat-sys-on-surface: #e0e0ff;--mat-sys-on-surface-darker: #e0e0ff;--mat-sys-on-surface-darkest: #bec2ff;--mat-sys-primary: #5a64ff;--mat-sys-outline: #7c84ff;--mat-sys-outline-darker: #343dff;--link-active-color: #e0e0ff;--mat-sys-surface-container-medium: #303034;--mat-sys-surface-container-high: #5f5e62;--mat-toolbar-container-background-color: #0000ef;--mat-toolbar-container-text-color: #bec2ff;--mdc-protected-button-label-text-color: #bec2ff}body.app--code{--mdc-slider-handle-color: #343dff}body.app--code{--mat-menu-container-color: var(--mat-sys-surface-container)}body.app--code{--mdc-dialog-container-color: var(--mat-sys-surface-container)}body.app--code{--mdc-protected-button-container-color: #0000ef}body.app--story{background-color:#000031}body.app--story{--mat-sys-background: light-dark(#fcf8fd, #131316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f3eff4, #313034);--mat-sys-inverse-primary: light-dark(#bfc2ff, #464ecf);--mat-sys-inverse-surface: light-dark(#313034, #e5e1e6);--mat-sys-on-background: light-dark(#1c1b1f, #e5e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #0b0da3);--mat-sys-on-primary-container: light-dark(#01006e, #e0e0ff);--mat-sys-on-primary-fixed: light-dark(#01006e, #01006e);--mat-sys-on-primary-fixed-variant: light-dark(#2c32b7, #2c32b7);--mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);--mat-sys-on-secondary-container: light-dark(#191a2c, #e1e0f9);--mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);--mat-sys-on-surface: light-dark(#1c1b1f, #e5e1e6);--mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0b0da3);--mat-sys-on-tertiary-container: light-dark(#01006e, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#01006e, #01006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#2c32b7, #2c32b7);--mat-sys-outline: light-dark(#777680, #918f9a);--mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);--mat-sys-primary: light-dark(#464ecf, #bfc2ff);--mat-sys-primary-container: light-dark(#e0e0ff, #2c32b7);--mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-primary-fixed-dim: light-dark(#bfc2ff, #bfc2ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);--mat-sys-secondary-container: light-dark(#e1e0f9, #444559);--mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);--mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fcf8fd, #131316);--mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);--mat-sys-surface-container: light-dark(#f0edf1, #201f23);--mat-sys-surface-container-high: light-dark(#ebe7ec, #2a292d);--mat-sys-surface-container-highest: light-dark(#e5e1e6, #3a393c);--mat-sys-surface-container-low: light-dark(#f6f2f7, #1c1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);--mat-sys-surface-dim: light-dark(#dcd9dd, #131316);--mat-sys-surface-tint: light-dark(#464ecf, #bfc2ff);--mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);--mat-sys-tertiary: light-dark(#464ecf, #bfc2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #2c32b7);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bfc2ff, #bfc2ff);--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1c1b1f}body.app--story{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}body.app--story{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}body.app--story{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}body.app--story{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}body.app--story{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}body.app--story{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}body.app--story{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}body.app--story{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}body.app--story{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body.app--story{--theme-10: #01006e;--theme-15: #01008c;--theme-20: #0b0da3;--theme-25: #1d22ac;--theme-30: #2c32b7;--theme-35: #3940c3;--theme-40: #464ecf;--theme-45: #535bdc;--theme-50: #6068ea;--theme-55: #6d76f8;--theme-60: #7c84ff;--theme-65: #8d94ff;--theme-70: #9da3ff;--theme-75: #aeb3ff;--theme-80: #bfc2ff;--theme-85: #cfd1ff;--theme-90: #e0e0ff;--theme-95: #f1efff;--theme-98: #fbf8ff;--theme-99: #fffbff;--theme-100: #ffffff;--neutral-10: #1c1b1f;--neutral-20: #313034;--neutral-25: #3c3b3f;--neutral-30: #47464a;--neutral-35: #535256;--neutral-40: #5f5e62;--neutral-50: #78767a;--neutral-60: #929094;--neutral-70: #adaaaf;--neutral-80: #c8c5ca;--neutral-90: #e5e1e6;--neutral-95: #f3eff4;--neutral-98: #fcf8fd;--neutral-99: #fffbff;--neutral-100: #ffffff;--mat-sys-background: #000031;--mat-sys-surface: #00004e;--mat-sys-surface-outline: #1f247c;--mat-sys-surface-bright: #01006e;--mat-sys-surface-brighter: #0b0da3;--mat-sys-inverse-primary: #1f247c;--mat-sys-inverse-surface: #696fc8;--mat-sys-inverse-on-surface: #e0e0ff;--mat-sys-on-surface: #e0e0ff;--mat-sys-on-surface-darker: #e0e0ff;--mat-sys-on-surface-darkest: #bfc2ff;--mat-sys-primary: #6068ea;--mat-sys-outline: #7c84ff;--mat-sys-outline-darker: #464ecf;--link-active-color: #e0e0ff;--mat-sys-surface-container-medium: #313034;--mat-sys-surface-container-high: #5f5e62;--mat-toolbar-container-background-color: #2c32b7;--mat-toolbar-container-text-color: #bfc2ff;--mdc-protected-button-label-text-color: #bfc2ff}body.app--story{--mdc-slider-handle-color: #464ecf}body.app--story{--mat-menu-container-color: var(--mat-sys-surface-container)}body.app--story{--mdc-dialog-container-color: var(--mat-sys-surface-container)}body.app--story{--mdc-protected-button-container-color: #2c32b7}.full-height{position:relative;display:flex;height:100%}.full-col{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-grow:1}.full-col-stretch{display:flex;justify-content:stretch;align-items:stretch;flex-direction:column;flex-grow:1}.full-component{position:relative;height:100%;flex:1;display:flex;flex-direction:column;justify-content:stretch}.full-absolute{position:absolute;inset:0}.no-pointer{pointer-events:none}.content-center{display:flex;flex-direction:column;justify-content:center;align-items:center}mat-icon.icon-active{color:var(--mat-sys-primary)}.mdc-notched-outline__notch{border-right:none}.form-field--bare .mat-mdc-form-field-subscript-wrapper{display:none}.form-field--bare .mdc-text-field--filled{border-bottom-right-radius:var(--mat-sys-corner-extra-small);border-bottom-left-radius:var(--mat-sys-corner-extra-small)}.form-field--bare .mdc-line-ripple{display:none}@media (width < 48rem){.max-md\:hidden{display:none}}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.grow{flex:1}.shrink{flex-shrink:1}.justify-stretch{justify-content:stretch}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}a{text-decoration:none}a:hover{color:var(--link-active-color)}div.mat-tooltip{font-size:1rem;white-space:pre-line;max-width:unset!important}.icon-size-1{transform:scale(.75)}.no-wrap{white-space:nowrap}.pointer-all{pointer-events:all}.error{color:#8b0000}.success{color:#006400}h1,h2,h3,h4,h5{margin:0!important}.center-content{display:flex;flex-grow:1;gap:2rem;flex-direction:row;justify-content:center;align-items:center}.full-height{min-height:100%}.cdk-menu{display:inline-flex;flex-direction:column;border-radius:8px;overflow:hidden}.cdk-menu .cdk-menu-item{padding:.5rem .75rem}.cdk-menu .cdk-menu-item:hover{cursor:pointer;background-color:var(--mat-sys-surface-container)}.cdk-menu .cdk-menu-item:active{background-color:var(--mat-sys-surface-container)}.menu-item-radio[role=menuitemradio][aria-checked=true]{background-color:var(--mat-sys-surface-container-high)}.front-center{position:relative;top:-10vh}.overlay{position:absolute;inset:0;pointer-events:none;z-index:1000}.overlay-left,.overlay-right{min-height:100%;max-height:100%}.omnibox-complete mat-option{min-height:38px}.box-list-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.box-list-wrapper .box-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.box-list-wrapper .create-box{display:flex;justify-content:center;align-items:center}.box-list-wrapper .create-box,.box-list-wrapper .box-item{min-width:10rem;min-height:6.5rem}.box-list-wrapper .box-item{display:flex;padding:.5rem;position:relative;border-radius:4px;background:var(--mat-sys-surface-container-medium);box-shadow:1px 1px 1px #00000040;border:1px solid transparent}.box-list-wrapper .box-item:hover{cursor:pointer;border:1px solid var(--mat-sys-outline)}.hud-overlay,.hud-overlay-blur,.hud-overlay-transparent{margin:.5rem;padding:.5rem;pointer-events:all;border-radius:4px;max-height:100%}.hud-overlay{background-color:var(--mat-sys-surface-container);border:1px solid #5d5d5d}.hud-overlay-blur{background-color:var(--mat-sys-surface)}html{color-scheme:dark;font-family:Roboto,Helvetica Neue,sans-serif;height:100%;min-height:100%;overflow:hidden;--mat-toolbar-standard-height: 48px}body{background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);height:100%;min-height:100%;overflow:auto;margin:0}.app-link a{color:var(--mat-sys-on-surface)}