.app-input{width:100%;border:none;outline:none;background-color:light-dark(var(--app-background-milk),var(--app-background-black));color:light-dark(var(--app-text-black),var(--app-text-white));font-size:16px;padding:10.5px 12px 10.5px 40px;border-radius:20px;height:40px;box-sizing:border-box}.app-input::placeholder{color:light-dark(var(--app-text-dark-gray),var(--app-text-light-gray))}.app-input:disabled{background-color:light-dark(var(--app-background-milk),var(--app-background-black));color:var(--app-text-dark-gray)}:root{color-scheme:light dark;--app-background-color: #383838;--app-content-background-color: #F5F5F5;--app-primary-text-color-light: #FFFFFF;--app-primary-text-color-dark: #000000;--app-secondary-text-color-light: #626262;--app-action-color: #f3da90;--app-action-color-dark: #333538;--app-content-padding: 20px;--app-black: #1E1E1D;--app-white: #FFFFFF;--app-background-gray: #383838;--app-background-milk: #F5F5F5;--app-background-white: #FFFFFF;--app-background-black: #1C1C1C;--app-main: #F3DA90;--app-main-rgb: 243 218 144;--app-main-content-width: 1200px;--app-sidebar-width: 132px;--app-transition-function: cubic-bezier(.4, 0, .2, 1);--app-text-black: #000000;--app-text-dark-gray: #626262;--app-text-light-gray: #BDBDBD;--app-text-white: #FFFFFF}body,html{margin:0;padding:0;width:100%;height:auto;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;scrollbar-width:none}body{background-color:var(--app-background-gray)}body.light{color-scheme:light}body.dark{color-scheme:dark}router-outlet{display:none}.app-popover{position:fixed;z-index:10000;padding:6px 10px;font-size:12px;color:#fff;background-color:#000000d9;border-radius:6px;max-width:280px;white-space:normal;pointer-events:none;box-shadow:0 2px 8px #0003}.image-load{opacity:0;transition:opacity .15s ease-in-out}.image-load.loaded{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .3s ease}.fade-out{animation:fadeOut .3s ease}.app-dialog{padding:16px}.app-dialog:focus-visible{outline:none}cdk-dialog-container:focus-visible{outline:none}ngx-skeleton-loader{display:flex}@media(max-width:750px){body{background-color:light-dark(var(--app-background-milk),var(--app-background-black))}}
/*# sourceMappingURL=styles-2RNAZ7B2.css.map */
