*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color: var(--color-primary);--grey-color: var(--color-secondary);--grey-subtle-color: var(--bg-secondary);--red-icon-color: var(--color-accent);--main-background-color: var(--bg-primary);--fg-border-radius: var(--border-radius)}form.disabled{.form-group{input,textarea{color:rgb(var(--grey-color) / .7);border-color:rgb(var(--grey-subtle-color));~label{padding-right:1rem;background-color:rgb(var(--main-background-color) / 1);color:rgb(var(--red-icon-color) / .8);transform:translate(.5rem,-1.2rem) scale(.9)}}}}.form-group{position:relative;display:flex;gap:.1em;min-width:0;width:100%;align-items:center;margin:.5em 0;&.invalid{>input{border:1px solid rgb(var(--red-icon-color))}>div{visibility:visible;opacity:1}}input,textarea{width:100%;padding:.5rem .5rem .5rem 1.2rem;border:0;border:1px solid rgb(var(--grey-color) / .3);border-radius:var(--fg-border-radius);text-overflow:ellipsis;font-size:1rem;color:rgb(var(--color));transition:border .3s ease;vertical-align:baseline}textarea{resize:none}input~label,textarea~label,select~label{position:absolute;left:.5rem;padding-left:.5rem;background-color:rgb(var(--main-background-color) / 0);transition:transform .2s ease,padding-right .5s ease-out .2s,color .2s ease}textarea~label{top:.5rem;~div{top:8em}}label~div{visibility:hidden;opacity:0;position:absolute;top:2.5rem;left:.5em;max-width:100%;color:rgb(var(--red-icon-color));background-color:rgb(var(--main-background-color) / 0);font-size:.9em;white-space:normal;transition:opacity .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}input~span.material-symbols-outlined{color:rgb(var(--grey-color));position:absolute;right:.5em;cursor:pointer;&:hover{color:rgb(var(--red-icon-color))}}input:focus,input:focus-visible,input:not(:placeholder-shown),textarea:focus,textarea:focus-visible,textarea:not(:placeholder-shown),select{~label{padding-left:.4em;padding-right:1rem;border:1px solid transparent;background-color:rgb(var(--main-background-color) / 1);color:rgb(var(--red-icon-color));transform:translateY(-1.2rem) scale(.9)}}input:disabled,textarea:disabled{background-color:inherit;font-style:italic;pointer-events:none;+label{color:rgb(var(--grey-color));background-color:rgb(var(--main-background-color));border-radius:var(--fg-border-radius);font-style:italic;pointer-events:none}}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{border:1px solid rgb(var(--grey-color) / .3);outline:1px dotted rgb(var(--grey-color) / .3)}.label-as-title{padding:1.4rem .5rem .1rem 1.2rem}.is-number{padding-left:2rem}button{border-radius:var(--border-radius);padding:0 .5em;align-self:stretch}input[type=password]::-ms-reveal,input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}}:host{--color: var(--color-primary);--grey-color: var(--color-secondary);--grey-subtle-color: var(--bg-secondary);--red-icon-color: var(--color-accent);--main-background-color: var(--bg-primary)}.toooltip{position:relative;z-index:auto;&:disabled:hover .tooltiptext{visibility:hidden;z-index:0}&:hover{z-index:1}}.toooltip .tooltiptext{font-size:.9rem;text-wrap:wrap;visibility:hidden;min-width:100%;width:max-content;max-width:max(200px,100%);height:max-content;padding:5px;border-bottom:solid 1px rgb(var(--red-icon-color));border-radius:3px 3px 0 0;background-color:#fffffff7;color:rgb(var(--red-icon-color));text-align:center;position:absolute;z-index:1;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;&:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:rgb(var(--red-icon-color)) transparent transparent transparent}}.toooltip .tooltiptext-bottom{bottom:-100%;transform:translate(-50%,60%);border:0;border-top:solid 1px rgb(var(--red-icon-color));border-radius:0 0 3px 3px;&:after{top:unset;bottom:100%;border-color:transparent transparent rgb(var(--red-icon-color)) transparent}}.toooltip .tooltiptext.tooltiptext-top-left{left:unset;right:0;transform:translate(0);&:after{left:calc(100% - 20px)}}.toooltip .tooltiptext.tooltiptext-left{transform:translate(calc(-100% - 20px));width:min-content;left:0;top:0;border-radius:0;border:none;border-right:solid 1px rgb(var(--red-icon-color));&:after{left:100%;top:10%;border-color:transparent transparent transparent rgb(var(--red-icon-color));margin-left:0}}.toooltip .tooltiptext-right{width:auto;padding:.3rem 2rem;bottom:50%;left:110%;border-bottom:0;border-left:solid 1px rgb(var(--red-icon-color));border-radius:0 1px 1px 0;&:after{top:20%;left:-10%;border-color:transparent rgb(var(--red-icon-color)) transparent transparent}}.toooltip:hover .tooltiptext{visibility:visible;opacity:1;-webkit-text-stroke:.2px;&.tooltiptext:hover{visibility:hidden;opacity:0}}:root{--color-logo: 227 24 55;--blue-100: 219 234 254;--blue-200: 191 219 254;--blue-300: 147 197 253;--blue-400: 96 165 250;--blue-500: 59 130 246;--blue-600: 37 99 235;--blue-700: 29 78 216;--blue-800: 30 64 175;--blue-900: 30 58 138;--blue-1000: 24 48 117;--gray-100: 245 245 245;--gray-200: 230 230 230;--gray-300: 212 212 212;--gray-400: 180 180 180;--gray-500: 150 150 150;--gray-600: 120 120 120;--gray-700: 90 90 90;--gray-800: 66 66 66;--gray-900: 40 40 40;--gray-1000: 20 20 20;--red-100: 255 230 230;--red-200: 255 204 204;--red-300: 255 153 153;--red-400: 230 102 102;--red-500: 204 51 51;--red-600: 179 25 25;--red-700: 154 0 0;--red-800: 120 0 0;--red-900: 90 0 0;--red-1000: 60 0 0;--color-primary: var(--gray-900);--color-secondary: var(--gray-700);--color-accent: var(--red-600);--color-success: 0 128 0;--color-tarongish: 205 103 01;--color-yellowish: 255 204 51;--color-orangish: 255 153 51;--color-error: var(--red-600);--color-info: var(--blue-600);--color-disabled: var(--gray-700);--color-contra-accent: 255 255 255;--bg-primary: 255 255 255;--bg-secondary: var(--gray-100);--bg-accent: var(--red-700);--bg-info-light: var(--blue-100);--border-info-light: var(--blue-300);--border-primary: var(--gray-900);--border-secondary: var(--gray-400);--border-accent: var(--red-600);--border-contra-accent: 255 255 255;--border-radius: 3px;--border-radius-extra: 10px;--box-shadow-light: var(--gray-200)}html,body{font-family:Inter,Source Sans Pro,Helvetica,Arial,sans-serif;font-size:15px;width:100%;height:100%;container-type:size}html{scrollbar-gutter:auto;overflow-x:hidden}app-root{display:flex;flex-direction:column;min-height:100vh;min-width:100%}h1{font-size:calc(1.5em + 1vw);font-size:2.5em}h3{font-size:1.25em}h4{font-size:1.2em}a{color:rgb(var(--color-primary));text-decoration:none;border-bottom:1px solid transparent;&:hover{text-shadow:0 0 .1px currentColor;text-decoration:solid underline;text-underline-offset:3px}&:hover i{text-shadow:0 0 .1px currentColor}&.disabled{pointer-events:none;cursor:default;color:rgb(var(--color-disabled))}}button{padding:.5em 1em;border:0;border:1px solid rgb(var(--border-primary));border-radius:var(--border-radius);background-color:rgb(var(--bg-primary));transition:background-color .1s ease;&:hover,&:focus-within{outline:unset;border:1px solid rgb(var(--border-secondary));background-color:rgb(var(--bg-secondary));cursor:pointer;-webkit-text-stroke:.2px}& span{display:inline-block;vertical-align:middle;+span{margin-left:.5em}}&:disabled{cursor:auto;background-color:transparent;-webkit-text-stroke:0px}}span{margin:0;padding:0}input{width:100%;padding:1rem;border:0px;border-radius:3px;background-color:rgb(var(--bg-primary));border-bottom:2px solid transparent;&:focus-visible{outline:0;border-bottom:2px solid rgb(var(--red-color) / .5)}&[type=checkbox]{transform:scale(1.5);width:min-content}&.required{border:1px solid rgb(var(--red-icon-color) / .5)!important}}select{width:100%;padding:.5em .5em .5em 1em;border:1px solid rgb(var(--border-secondary));border-radius:3px}.material-symbols-outlined{margin:0 .2em}pre{padding:.1em 1em;background-color:rgb(var(--bg-secondary));font-size:.8em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:20px solid green}app-pagination{margin-top:.5em}
