html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.5;color:var(--color-body);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--color-gray-100))}::-webkit-scrollbar-thumb{background:hsl(var(--color-gray-400));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-gray-500))}button,[type=button],[type=submit],[type=reset],[role=button]{cursor:pointer}button:disabled,[type=button]:disabled,[type=submit]:disabled,[type=reset]:disabled,[role=button][aria-disabled=true]{cursor:not-allowed}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes question-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-1rem)}}@keyframes question-fade-in-next{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes question-fade-in-previous{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@layer utilities{.page-fade-out{animation:fade-out .6s cubic-bezier(.4,0,.2,1) forwards}.page-fade-in{animation:fade-in .6s cubic-bezier(.4,0,.2,1) forwards}.question-transition-enter-next{animation:question-fade-in-next .3s cubic-bezier(.4,0,.2,1) forwards}.question-transition-enter-previous{animation:question-fade-in-previous .3s cubic-bezier(.4,0,.2,1) forwards}.question-transition-exit{animation:question-fade-out .3s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.4,0,.2,1) both}.animate-fade-in-up-delay-1{animation:fade-in-up .8s cubic-bezier(.4,0,.2,1) .7s both}.animate-fade-in-up-delay-2{animation:fade-in-up .8s cubic-bezier(.4,0,.2,1) 1.4s both}.animate-fade-in-up-delay-3{animation:fade-in-up .8s cubic-bezier(.4,0,.2,1) 2.1s both}@media(prefers-reduced-motion:reduce){.page-fade-out,.page-fade-in,.question-transition-enter-next,.question-transition-enter-previous,.question-transition-exit,.animate-fade-in-up,.animate-fade-in-up-delay-1,.animate-fade-in-up-delay-2,.animate-fade-in-up-delay-3{animation:none}}}@layer components{.likert-scale{display:flex;justify-content:space-between;gap:var(--spacing-2)}.likert-scale__item{flex:1;padding:var(--spacing-4) var(--spacing-2);text-align:center;font-size:1.125rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all var(--duration-normal) var(--easing);background-color:hsl(var(--color-gray-100));color:hsl(var(--color-gray-700))}.likert-scale__item:hover:not(:disabled){background-color:hsl(var(--color-gray-200));transform:translateY(-1px)}.likert-scale__item:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--color-primary))}.likert-scale__item--selected{background-color:hsl(var(--color-primary));color:#fff;box-shadow:var(--shadow-md)}.likert-scale__item:disabled{opacity:.5;cursor:not-allowed}}.toaster .toast{padding:1.5rem 1.8rem!important}.toaster [data-type=default]{border-inline-start:1px solid var(--toast-default)!important}.toaster [data-type=success]{border:1px solid var(--toast-success)!important;background-color:var(--toast-success-foreground)!important}.toaster [data-type=error]{border-inline-start:1px solid var(--toast-error)!important}.toaster [data-type=warning]{border-inline-start:1px solid var(--toast-warning)!important}.toaster [data-type=info]{border-inline-start:1px solid var(--toast-info)!important}.toaster div[data-title]{font-size:.875rem!important;font-weight:400!important}@layer components{[data-slot=table-row] [data-slot=table-cell]>.actions{opacity:0;transition:opacity .15s ease-in-out}[data-slot=table-row]:hover [data-slot=table-cell]>.actions{opacity:1}}@layer components{.close-tab{position:absolute;right:0}}@layer components{.public-diagnostic{min-height:100vh;padding:var(--spacing-8) var(--spacing-4);max-width:42rem;margin:0 auto}.public-diagnostic__header{margin-bottom:var(--spacing-8)}.public-diagnostic__header__title{font-size:1.5rem;font-weight:500;color:hsl(var(--color-gray-900));margin-bottom:var(--spacing-2);line-height:1.5}.public-diagnostic__header__subtitle{font-size:.875rem;color:hsl(var(--color-gray-600));line-height:1.5}.public-diagnostic__question{background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.public-diagnostic__question__header{margin-bottom:var(--spacing-4)}.public-diagnostic__question__header__counter{font-size:.875rem;color:hsl(var(--color-gray-500));margin-bottom:var(--spacing-1)}.public-diagnostic__question__header__text{font-size:1.125rem;font-weight:500;color:hsl(var(--color-gray-900));line-height:1.6}.public-diagnostic__actions{display:flex;justify-content:space-between;gap:var(--spacing-4);margin-top:var(--spacing-8)}.public-diagnostic__actions__button{padding:var(--spacing-3) var(--spacing-6);border-radius:.5rem;font-weight:500;transition:all var(--duration-normal) var(--easing);border:1px solid transparent}.public-diagnostic__actions__button--previous{background-color:#fff;color:hsl(var(--color-gray-700));border-color:hsl(var(--color-gray-300))}.public-diagnostic__actions__button--previous:hover:not(:disabled){background-color:hsl(var(--color-gray-50))}.public-diagnostic__actions__button--next,.public-diagnostic__actions__button--submit{background-color:hsl(var(--color-primary));color:#fff}.public-diagnostic__actions__button--next:hover:not(:disabled),.public-diagnostic__actions__button--submit:hover:not(:disabled){background-color:hsl(var(--color-primary)/.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.public-diagnostic__actions__button:disabled{opacity:.5;cursor:not-allowed}.public-diagnostic__actions__button:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--color-primary))}.public-diagnostic__confirmation{min-height:100vh;padding:var(--spacing-8) var(--spacing-4);max-width:42rem;margin:0 auto;display:flex;align-items:center;justify-content:center}.public-diagnostic__confirmation__card{background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow-sm);padding:var(--spacing-8);text-align:center}.public-diagnostic__confirmation__card__icon{width:4rem;height:4rem;color:#21c45d;margin:0 auto var(--spacing-6)}.public-diagnostic__confirmation__card__title{font-size:1.5rem;font-weight:500;color:hsl(var(--color-gray-900));margin-bottom:var(--spacing-4);line-height:1.5}.public-diagnostic__confirmation__card__message{color:hsl(var(--color-gray-600));line-height:1.6}}@layer components;
