:root{--warning-color: #E5B010;--sl-font-sans: "Roboto" !important}*:not(:defined){visibility:hidden}html{scroll-behavior:smooth}body{display:flex;flex-direction:column}wc-toast{top:40px;position:sticky}.container-fluid{padding:0!important;height:100vh}.container-fluid>.row:first-child{height:100vh}.col.page-body{padding:0}.header{z-index:1;height:4rem;align-items:center;background-color:var(--white);box-shadow:10px 5px 10px var(--extra-light-grey)}.header>.col{display:flex;padding:0 1.2rem;align-items:center;justify-content:space-between}.left-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--sl-spacing-x-small)}.home-button{display:flex;border-radius:50%;align-items:center;transition:box-shadow .3s ease-in-out}.home-button:hover{box-shadow:#00000059 0 0 10px}.logo{height:3rem;padding:.5rem}.left-content>span{color:var(--sl-color-neutral-400);font-size:var(--sl-font-size-large);font-weight:var(--sl-font-weight-bold)}.row>*{margin:0;padding:0;max-width:none}.page-content{min-height:95vh;background-color:#fafafa}.page-content>.col{padding:0}router-slot{display:flex;width:100%;height:100%}router-slot>*{flex:1 0 0%}.btn{user-select:none;-webkit-user-select:none;transition:background-color ease-in-out .2s}.auth-btn{float:right;width:fit-content!important}.form{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--sl-spacing-medium);padding:var(--sl-spacing-x-large);border-radius:var(--sl-border-radius-large);border:.2rem solid var(--sl-color-neutral-200);--sl-input-required-content-color: var(--sl-color-danger-700)}.form:has([data-user-invalid]){border-color:var(--sl-color-danger-300)}.form:not(:has([data-invalid])).form:has([data-user-valid]){border-color:var(--sl-color-success-300)}.sh-form-field{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--sl-spacing-large)}.sh-form-field>*{width:100%}.sh-form-field sl-radio-group::part(form-control-input){gap:var(--sl-spacing-medium);display:flex}.sh-form-field sl-input[data-user-invalid]::part(base),.sh-form-field sl-textarea[data-user-invalid]::part(base),.sh-form-field sl-select[data-user-invalid]::part(combobox),.sh-form-field sl-checkbox[data-user-invalid]::part(control),.sh-form-field sl-radio-group[data-user-invalid] sl-radio::part(control){border-color:var(--sl-color-danger-600)}.sh-form-field [data-user-invalid]::part(form-control-help-text),.sh-form-field sl-checkbox[data-user-invalid]::part(label){color:var(--sl-color-danger-700)}.sh-form-field sl-checkbox[data-user-invalid]::part(control){outline:none}.sh-form-field sl-input:focus-within[data-user-invalid]::part(base),.sh-form-field sl-textarea:focus-within[data-user-invalid]::part(base),.sh-form-field sl-select:focus-within[data-user-invalid]::part(combobox),.sh-form-field sl-checkbox:focus-within[data-user-invalid]::part(control){border-color:var(--sl-color-danger-600);box-shadow:0 0 0 var(--sl-focus-ring-width) var(--sl-color-danger-300)}.sh-form-field sl-input[data-user-valid]::part(base),.sh-form-field sl-textarea[data-user-valid]::part(base),.sh-form-field sl-select[data-user-valid]::part(combobox),.sh-form-field sl-checkbox[data-user-valid]::part(control),.sh-form-field sl-radio-group[data-user-valid] sl-radio::part(control){border-color:var(--sl-color-success-600)}.sh-form-field [data-user-valid]::part(form-control-help-text),.sh-form-field sl-checkbox[data-user-valid]::part(label){color:var(--sl-color-success-700)}.sh-form-field sl-checkbox[data-user-valid]::part(control){background-color:var(--sl-color-success-600);outline:none}.sh-form-field sl-input:focus-within[data-user-valid]::part(base),.sh-form-field sl-textarea:focus-within[data-user-valid]::part(base),.sh-form-field sl-select:focus-within[data-user-valid]::part(combobox),.sh-form-field sl-checkbox:focus-within[data-user-valid]::part(control){border-color:var(--sl-color-success-600);box-shadow:0 0 0 var(--sl-focus-ring-width) var(--sl-color-success-300)}.form-actions{gap:1rem;display:flex}.form-actions>sl-button{width:fit-content}.form-actions>sl-button::part(label){text-transform:uppercase;font-weight:var(--sl-font-weight-bold)}.form:has([data-invalid]) sl-button[type=submit]{cursor:not-allowed}.form:has([data-invalid]) sl-button[type=submit]::part(base){opacity:.5;pointer-events:none}@media only screen and (min-width: 700px){sl-alert::part(message){font-size:var(--sl-font-size-medium)}}