:root{--primary-0: #000000;--primary-10: #351000;--primary-20: #571e00;--primary-25: #692600;--primary-30: #7c2e00;--primary-35: #8f3700;--primary-40: #a23f00;--primary-50: #ca5000;--primary-60: #ed6516;--primary-70: #ff8c55;--primary-80: #ffb595;--primary-90: #ffdbcc;--primary-95: #ffede7;--primary-98: #fff8f6;--primary-99: #fffbff;--primary-100: #ffffff;--secondary-0: #000000;--secondary-05: #121212;--secondary-07: #1a1a1a;--secondary-10: #252525;--secondary-20: #353535;--secondary-25: #424242;--secondary-30: #474747;--secondary-35: #5c5c5c;--secondary-40: #646464;--secondary-50: #6d7884;--secondary-60: #87929e;--secondary-70: #a1acb9;--secondary-80: #bcc8d4;--secondary-90: #d8e4f1;--secondary-95: #e6f2ff;--secondary-98: #f7f9ff;--secondary-99: #fcfcff;--secondary-100: #ffffff;--success: #66e78d;--error: #e76666;--warning: #dae766;--info: #6693e7;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--glittersize: 25%;--space: 5%;--angle: 133deg;--imgsize: cover;--red: #f80e35;--yellow: #eedf10;--green: #21e985;--blue: #0dbde9;--violet: #c929f1;--gold: #d4af37;--white: #ffffff;--clip: inset(9.85% 8% 52.85% 8%);--clip-invert: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 47.15%, 91.5% 47.15%, 91.5% 9.85%, 8% 9.85%, 8% 47.15%, 0 50% );--clip-stage: polygon( 91.5% 9.85%, 57% 9.85%, 54% 12%, 17% 12%, 16% 14%, 12% 16%, 8% 16%, 8% 47.15%, 92% 47.15% );--clip-stage-invert: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 47.15%, 91.5% 47.15%, 91.5% 9.85%, 57% 9.85%, 54% 12%, 17% 12%, 16% 14%, 12% 16%, 8% 16%, 8% 47.15%, 0 50% );--mat-sidenav-scrim-color: #00000070;--mat-text-button-with-icon-horizontal-padding: 25px;--mat-sys-on-surface: var(--secondary-70);--mat-sys-error: #e76666;--mat-sys-on-surface-variant: var(--secondary-70);--mat-sys-corner-extra-large: 2px;--mat-sys-surface-variant: unset;--mat-snack-bar-container-color: var(--secondary-10);--mat-snack-bar-supporting-text-color: var(--secondary-80);--mat-button-text-label-text-color: var(--secondary-70);--mat-button-text-container-height: 60px;--mat-button-filled-container-color: var(--primary-60);--mat-divider-color: rgb(from var(--secondary-70) r g b/50%);--mat-menu-item-label-text-color: var(--secondary-70);--mat-menu-container-color: var(--secondary-30);--mat-tooltip-container-color: var(--secondary-30);--mat-tooltip-supporting-text-color: var(--secondary-90);--mat-expansion-container-background-color: var(--secondary-20)}*{touch-action:manipulation;font-family:Roboto,Helvetica Neue,sans-serif}.mat-mdc-button:hover{background-color:var(--secondary-20)}.mdc-button{min-width:unset!important}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 200,"opsz" 40}html{overflow:hidden!important;--mat-sys-background: light-dark(#f9f9f9, #121414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f0f1f1, #2f3131);--mat-sys-inverse-primary: light-dark(#bcc8d4, #54606a);--mat-sys-inverse-surface: light-dark(#2f3131, #e2e2e2);--mat-sys-on-background: light-dark(#1a1c1c, #e2e2e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #27323b);--mat-sys-on-primary-container: light-dark(#3d4852, #d8e4f1);--mat-sys-on-primary-fixed: light-dark(#121d26, #121d26);--mat-sys-on-primary-fixed-variant: light-dark(#3d4852, #3d4852);--mat-sys-on-secondary: light-dark(#ffffff, #27323b);--mat-sys-on-secondary-container: light-dark(#3d4852, #d8e4f1);--mat-sys-on-secondary-fixed: light-dark(#121d26, #121d26);--mat-sys-on-secondary-fixed-variant: light-dark(#3d4852, #3d4852);--mat-sys-on-surface: light-dark(#1a1c1c, #e2e2e2);--mat-sys-on-surface-variant: light-dark(#594237, #fedbcd);--mat-sys-on-tertiary: light-dark(#ffffff, #2f3131);--mat-sys-on-tertiary-container: light-dark(#454747, #e2e2e2);--mat-sys-on-tertiary-fixed: light-dark(#1a1c1c, #1a1c1c);--mat-sys-on-tertiary-fixed-variant: light-dark(#454747, #454747);--mat-sys-outline: light-dark(#8d7166, #a88a7e);--mat-sys-outline-variant: light-dark(#e1c0b2, #594237);--mat-sys-primary: light-dark(#54606a, #bcc8d4);--mat-sys-primary-container: light-dark(#d8e4f1, #3d4852);--mat-sys-primary-fixed: light-dark(#d8e4f1, #d8e4f1);--mat-sys-primary-fixed-dim: light-dark(#bcc8d4, #bcc8d4);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54606a, #bcc8d4);--mat-sys-secondary-container: light-dark(#d8e4f1, #3d4852);--mat-sys-secondary-fixed: light-dark(#d8e4f1, #d8e4f1);--mat-sys-secondary-fixed-dim: light-dark(#bcc8d4, #bcc8d4);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9f9, #121414);--mat-sys-surface-bright: light-dark(#f9f9f9, #37393a);--mat-sys-surface-container: light-dark(#eeeeee, #1e2020);--mat-sys-surface-container-high: light-dark(#e8e8e8, #282a2b);--mat-sys-surface-container-highest: light-dark(#e2e2e2, #333535);--mat-sys-surface-container-low: light-dark(#f3f3f4, #1a1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0f);--mat-sys-surface-dim: light-dark(#dadada, #121414);--mat-sys-surface-tint: light-dark(#54606a, #bcc8d4);--mat-sys-surface-variant: light-dark(#fedbcd, #594237);--mat-sys-tertiary: light-dark(#5d5f5f, #c6c6c7);--mat-sys-tertiary-container: light-dark(#e2e2e2, #454747);--mat-sys-tertiary-fixed: light-dark(#e2e2e2, #e2e2e2);--mat-sys-tertiary-fixed-dim: light-dark(#c6c6c7, #c6c6c7);--mat-sys-neutral-variant20: #402c22;--mat-sys-neutral10: #1a1c1c;--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);--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);--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);--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);--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);--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);--mat-sys-body-large: 400 1rem / 1.5rem;--mat-sys-body-large-font: ;--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;--mat-sys-body-medium-font: ;--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;--mat-sys-body-small-font: ;--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;--mat-sys-display-large-font: ;--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;--mat-sys-display-medium-font: ;--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;--mat-sys-display-small-font: ;--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;--mat-sys-headline-large-font: ;--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;--mat-sys-headline-medium-font: ;--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;--mat-sys-headline-small-font: ;--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;--mat-sys-label-large-font: ;--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;--mat-sys-label-medium-font: ;--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;--mat-sys-label-small-font: ;--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;--mat-sys-title-large-font: ;--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;--mat-sys-title-medium-font: ;--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;--mat-sys-title-small-font: ;--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;--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;--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{margin:0;background-color:var(--secondary-05);height:100%;color:#fff;font-weight:400}input{font-family:Roboto,Helvetica Neue,sans-serif!important}span{font-family:Roboto,Helvetica Neue,sans-serif}.pack-opening-screen .mat-mdc-dialog-surface{background-color:transparent!important}.cdk-overlay-container:has(.pack-opening-screen) .cdk-overlay-dark-backdrop{background:#000000e6!important}.cdk-overlay-container .cdk-overlay-dark-backdrop{background:#0009}.mat-mdc-dialog-container{--mdc-dialog-container-shape: 5px}.mat-form-field-disabled{opacity:.5}.mat-mdc-dialog-surface{background-color:#242424!important}.mat-expansion-panel-body{padding:0!important}::-webkit-scrollbar{border-radius:10px;background-color:#3d3d3d;width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:#949494}