html{color-scheme:light;height:100%;--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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 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;--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{background:linear-gradient(to bottom,#6bdcff 50%,#fff);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}.top-progress-bar{position:absolute!important;width:100%;top:0;left:0}.loading-progress-bar{min-width:50px}.loading-autocomplete{position:absolute!important;top:0}.spacer{flex:1 1 auto}.container{display:flex;height:100%;flex-direction:column}.content{height:100%!important}.content-wrapper{padding:16px}.side-info{color:#787878;font-size:.7rem;text-align:center;padding:8px 8px 4px;border-top:1px solid #f5f5f5;line-height:1.5}.side-info a{color:#0064b7;text-decoration:none;display:inline-block;padding:0 4px}.side-info a:hover{text-decoration:underline}.side-install-app{color:#787878;font-size:.7rem;text-align:center;padding:4px;border-top:1px solid #f5f5f5;line-height:1.5}.side-install-app div.b{padding:8px;display:flex;justify-content:center;align-items:center;gap:8px}.side-install-app div.b:hover{background-color:#f9f9f9;color:#0064b7}.side-menu{display:flex;flex-direction:column;padding:3px;gap:3px}.side-menu .mat-mdc-button{justify-content:flex-start;border-radius:0!important;color:#222!important;font-weight:400!important;font-size:.8rem!important}.side-menu .mat-mdc-button.active{background-color:#f9f9f9;color:#0064b7!important}.side-menu .intend{margin-left:12px}.side-menu .menu{position:absolute!important;right:0}.user-name{padding:4px 16px;color:#222}.logo-btn .mdc-button__label{display:inline-flex;align-items:center;gap:8px}mat-toolbar{background:linear-gradient(to bottom,#e83600,#ff5722)!important}mat-toolbar *{color:#fff!important;text-shadow:1px 1px 1px rgba(0,0,0,.9)}mat-drawer-container{background-color:transparent!important;height:100%}mat-drawer{box-shadow:0 0 8px #00000080;background-color:#fff!important;min-width:220px;width:auto!important;border-radius:0!important}mat-drawer.icon-menu{min-width:auto}mat-drawer.icon-menu .side-menu .mat-mdc-button{justify-content:center}mat-drawer.icon-menu .side-menu mat-icon{margin:0}mat-card,.content-wrapper{max-width:1200px;margin:auto}.content-wrapper-sm{max-width:500px;margin:auto}.card-content{border:1px solid #f5f5f5;box-shadow:0 0 2px #00000080!important;background-color:#fff!important}.card-content mat-card-header{padding:12px 16px 16px;background:linear-gradient(0deg,#fff,#f5f5f5);border-radius:var(--mat-card-elevated-container-shape, var(--mat-sys-corner-medium))}.card-content mat-card-header mat-card-title{font-size:1.2rem}.card-content mat-card-header .actions{position:absolute;right:4px;top:4px}.mat-expansion-panel-header{padding:0 16px!important}.mat-expansion-panel-body{padding:0 16px 8px!important}.flex-buttons{width:100%;display:flex;justify-content:flex-end;flex-wrap:wrap}.flex-buttons button,.flex-buttons a{margin:4px}.flex-buttons-center{justify-content:center}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.color-red,.color-red .mat-icon{color:#da0303!important}.color-red .mdc-linear-progress__bar-inner{border-color:#da0303!important}.color-red-filled{background-color:#da0303!important}.toggle-button-expanded{transform:rotate(180deg)}.toggle-button{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.qr-preview{text-align:left}.qr-preview img{max-width:200px}.inline-alert mat-card-content{display:flex!important;align-items:center;line-height:1.2;font-size:.8rem;gap:16px;color:#000}.inline-alert mat-card-content .text{display:flex;align-items:start;width:100%;flex-direction:column;gap:0}.inline-alert mat-card-content .title{padding:0;margin:0;font-weight:500;font-size:.9rem}.inline-alert mat-card-content mat-icon{flex-shrink:0}.inline-wrapper{padding:8px}.snackbar-white>div,.inline-alert.inline-white{border:1px solid #e5e7eb;box-shadow:0 0 6px #00000026!important;background:#fff!important}.snackbar-white .mat-mdc-snackbar-surface{background:#fff!important}.snackbar-violet>div,.inline-alert.inline-violet{border:1px solid #e4d9ff;box-shadow:0 0 4px #9333ea4d!important}.inline-alert.inline-violet,.snackbar-violet .mat-mdc-snackbar-surface{background:linear-gradient(135deg,#f3e8ff,#d7b5fd)}.snackbar-gray>div,.inline-alert.inline-gray{border:1px solid #c3c3c3;box-shadow:0 0 4px #89898966!important}.inline-alert.inline-gray,.snackbar-gray .mat-mdc-snackbar-surface{background:linear-gradient(135deg,#edecec,#c5c5c5)}.snackbar-error>div,.inline-alert.inline-error{border:1px solid #eaaaaa;box-shadow:0 0 4px #f28b8b66!important}.inline-alert.inline-error,.snackbar-error .mat-mdc-snackbar-surface{background:linear-gradient(135deg,#ffe4e4,#fcbebe)}.snackbar-success>div,.inline-alert.inline-success{border:1px solid #a3dfa6;box-shadow:0 0 4px #81c78466!important}.inline-alert.inline-success,.snackbar-success .mat-mdc-snackbar-surface{background:linear-gradient(135deg,#e5ffe6,#a9f6b4)}.snackbar-info>div,.inline-alert.inline-info{border:1px solid #ffee58;box-shadow:0 0 4px #ffee5866!important}.inline-alert.inline-info,.snackbar-info .mat-mdc-snackbar-surface{background:linear-gradient(135deg,#fdfadd,#fcf18f)}.inline-alert:hover{box-shadow:0 2px 8px #00000040!important}.inline-without-icon mat-icon{display:none}.inline-without-icon .text{text-align:center!important}.inline-without-icon .text span{width:100%}:root{--mat-snack-bar-supporting-text-color: black;--mat-snack-bar-button-color: #0b3d91;--mat-slider-active-track-color: black;--mat-slider-inactive-track-color: gray}.mb16{margin-bottom:16px}.mt8{margin-top:8px}.mb8{margin-bottom:8px}.pt16{padding-top:16px}.py8{padding-bottom:8px;padding-top:8px}.bh16{height:16px}.bh32{height:32px}.justify-content-center{justify-content:center}.dialog-wrapper .dialog-title{margin:0;height:50px;background-color:#f5f5f5;font-size:1.4rem}.dialog-wrapper .dialog-title div{padding:16px 20px}.dialog-wrapper .dialog-title:hover{background-color:#f1f1f1}.table-warpper{overflow:auto;position:relative}.table-warpper .loader{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1000;background-color:#ffffff80}.table-warpper .loader .top{top:0;left:0;position:absolute}.table-warpper .loader .bottom{bottom:0;left:0;position:absolute}.table-actions{text-align:right}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.table-expanded-details{animation:fadeSlideIn .4s ease forwards}.table-expanded-details .mat-mdc-cell{border-bottom:1px solid rgb(224,242,254)!important}.table-expanded-details-top{background:linear-gradient(0deg,#fff,#f4faff)!important}.table-expanded-details-top .mat-mdc-cell{border-top:1px solid rgb(224,242,254)!important}.mat-mdc-header-row{background:linear-gradient(to bottom,#6bdcff,#dbeffc)!important}.mat-mdc-row{background-color:#fff!important}.mat-mdc-cell{border-bottom:1px solid transparent!important;border-top:1px solid transparent!important}.mat-mdc-header-cell{border-top:1px solid transparent!important;border-bottom:0px!important}.table-no-data td{padding:12px}.mat-mdc-row:not(.table-no-data):not(.table-expanded-details):not(.table-expanded-details-top):hover{background:linear-gradient(0deg,#fff,#f5f5f5)!important}.mat-mdc-row:not(.table-no-data):not(.table-expanded-details):not(.table-expanded-details-top):hover .mat-mdc-cell{border-top:1px solid #ebebeb!important;border-bottom:1px solid #ebebeb!important}.table-expanded-details-top:hover{background:linear-gradient(0deg,#fff,#f5f5f5)!important}.table-expanded-details-top:hover .mat-mdc-cell{border-top:1px solid #ebebeb!important;border-bottom:1px solid transparent!important}.table-expanded-details:hover{background:linear-gradient(180deg,#fff,#f5f5f5)!important}.table-expanded-details:hover .mat-mdc-cell{border-top:1px solid transparent!important;border-bottom:1px solid #ebebeb!important}.hide-page-size .mat-mdc-paginator-page-size{display:none!important}.mat-mdc-paginator-outer-container{background-color:#fff}.form-elements{min-width:400px}.form-elements mat-form-field{width:100%}.form-elements-gap .form-elements{padding-bottom:8px}.form-group{display:flex;gap:16px;flex-direction:row}.xsmall-size .form-elements{min-width:200px}.xsmall-size .form-elements.form-xs{max-width:280px}.xsmall-size .form-group,.small-size .form-group{flex-direction:column}.chips{display:flex;gap:8px}.chips .chip{border:1px solid #dcdcdc;border-radius:8px;padding:0;display:flex;justify-content:center;align-items:center;gap:0px;background:linear-gradient(0deg,#fff,#f5f5f5);box-shadow:0 0 2px #00000026}.chips .chip .text{padding:0 8px 0 16px}.chips .chip mat-icon{font-size:1.2rem;width:1.2rem!important;height:1.2rem!important}.chips .chip .mdc-icon-button{width:32px!important;height:32px!important;padding:4px}.chips .chip:hover{background:linear-gradient(0deg,#f5f5f5,#ececec);box-shadow:0 0 2px #00000040}.preview-wrapper{max-width:800px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.preview-block{min-width:200px;padding:12px 16px;display:flex;flex-direction:column;background:linear-gradient(0deg,transparent,#f5f5f5);border-top:1px solid #ececec}.preview-block .preview-label{font-weight:550;padding-bottom:4px}.preview-block .preview-text{font-size:.8rem}.preview-block:hover{background:linear-gradient(0deg,transparent,#ececec)}.xsmall-size .preview-wrapper .preview-block{flex:1 1 auto}.preview-block-no-bg{background:transparent}.tiles{max-width:750px;margin:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tiles .tile{cursor:pointer;background:linear-gradient(45deg,#f4f6f7,#e3e7ea);box-shadow:inset 0 0 8px #ffffff59,0 0 12px #c8cdd240;border-radius:16px;animation:tileIntro .6s ease-out forwards;width:240px;height:160px;text-align:center}.tiles .tile .icon mat-icon{font-size:2rem;width:2rem;height:2rem}.tiles .tile{display:flex;justify-content:center;align-items:center;flex-direction:column}.tiles .tile:hover{background:linear-gradient(135deg,#e9ecee,#d6dbe0);box-shadow:inset 0 0 8px #ffffff4d,0 0 12px #b9bec347}@keyframes tileIntro{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tile-test{width:calc(50% - 24px)!important;height:auto!important;gap:8px;padding:16px 8px;font-size:.9rem}.tile-test .img{width:30px;height:30px;background-image:url(/assets/color_off.png);opacity:.5;background-size:contain;background-repeat:no-repeat;background-position:center;animation:spin-colors 2s cubic-bezier(.1,.7,.1,1) forwards}.tile-test:hover .img{opacity:1;animation:spin-colors-one-turn 2s cubic-bezier(.1,.7,.1,1) forwards}.tile-test-on{background:linear-gradient(45deg,#f0e6de,#c9b2a4)!important}.tile-test-on .img{background-image:url(/assets/color.png);opacity:.9}.home-results{margin-top:16px}.home-block{position:relative;height:300px}.home-block .img{position:absolute;width:100%;height:100%;background-image:url(/assets/color.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:spin-colors 2s cubic-bezier(.1,.7,.1,1) forwards}.home-block .text{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;font-size:7rem;font-weight:600;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.8);animation:text-pulse 1s ease-out forwards}.home-result{height:200px}@keyframes spin-colors{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes spin-colors-one-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-pulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.home-result-red{color:#d13543!important}.home-result-yellow{color:#d2ab40!important}.home-result-green{color:#33a841!important}.home-result-blue{color:#2d92b7!important}.home-description{font-size:.9rem!important;text-align:justify}