.test-ui{--radius-selector:0.75rem;--radius-field:0.75rem;--radius-box:1rem;--test-control-radius:0.75rem;--test-cell-radius:1rem;--test-card-radius:1.5rem}.test-ui .btn{min-height:2.75rem;height:2.75rem;border-radius:var(--test-control-radius);padding-inline:1rem;font-weight:650;letter-spacing:-.01em;box-shadow:none;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.test-ui .btn:not(:disabled):active{transform:scale(.985)}.test-ui .btn-primary{border-color:color-mix(in oklch,var(--color-primary) 88%,black);box-shadow:0 1px 2px color-mix(in oklch,var(--color-base-content) 10%,transparent),0 7px 18px color-mix(in oklch,var(--color-primary) 16%,transparent)}.test-ui .btn-primary:hover:not(:disabled){box-shadow:0 2px 4px color-mix(in oklch,var(--color-base-content) 12%,transparent),0 9px 22px color-mix(in oklch,var(--color-primary) 20%,transparent)}.test-ui .btn-primary.btn-disabled,.test-ui .btn-primary:disabled,.test-ui .btn-primary[disabled]{border-color:color-mix(in oklch,var(--color-base-content) 9%,transparent);background:color-mix(in oklch,var(--color-base-content) 7%,var(--color-base-100));color:color-mix(in oklch,var(--color-base-content) 30%,transparent);box-shadow:none;opacity:1}.test-ui .btn-ghost{color:color-mix(in oklch,var(--color-base-content) 72%,transparent)}.test-ui .btn-outline{border-color:color-mix(in oklch,var(--color-base-content) 14%,transparent);background:color-mix(in oklch,var(--color-base-100) 92%,transparent)}.test-ui :is(.input,.select,.textarea){min-height:2.75rem;border-radius:var(--test-control-radius);background:var(--color-base-100);box-shadow:inset 0 1px 0 color-mix(in oklch,white 64%,transparent);transition:border-color .16s ease,box-shadow .16s ease}.test-ui :is(.input,.select,.textarea):focus,.test-ui :is(.input,.select,.textarea):focus-within{border-color:color-mix(in oklch,var(--color-primary) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 13%,transparent);outline:none}.test-ui .join>.join-item:first-child:not(:last-child){border-start-start-radius:var(--test-control-radius);border-end-start-radius:var(--test-control-radius)}.test-ui .join>.join-item:last-child:not(:first-child){border-start-end-radius:var(--test-control-radius);border-end-end-radius:var(--test-control-radius)}.test-ui .test-composite-field{overflow:hidden;border:1px solid var(--color-base-300);border-radius:var(--test-control-radius);background:var(--color-base-100);box-shadow:inset 0 1px 0 color-mix(in oklch,white 64%,transparent);transition:border-color .16s ease,box-shadow .16s ease}.test-ui .test-composite-field:focus-within{border-color:color-mix(in oklch,var(--color-primary) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 13%,transparent)}.test-ui .test-composite-field>.join-item{border:0;border-radius:0;background:transparent;box-shadow:none}.test-ui .test-composite-field>.input:focus,.test-ui .test-composite-field>.input:focus-within{border-color:transparent;box-shadow:none}.test-ui .test-composite-field>:not(.input){color:color-mix(in oklch,var(--color-base-content) 58%,transparent);font-weight:650}.test-ui .test-surface{border-radius:var(--test-card-radius);border:1px solid color-mix(in oklch,var(--color-base-content) 10%,transparent);background:var(--color-base-100);box-shadow:0 1px 2px color-mix(in oklch,var(--color-base-content) 5%,transparent),0 12px 36px color-mix(in oklch,var(--color-base-content) 5%,transparent)}.test-ui .test-inset-group{border-radius:var(--test-cell-radius);border-color:color-mix(in oklch,var(--color-base-content) 10%,transparent);overflow:hidden}.test-ui .test-chart-surface,.test-ui .test-list-cell{border-radius:var(--test-cell-radius)}.test-ui .test-chart-surface{background:color-mix(in oklch,var(--color-base-200) 82%,transparent)}.test-ui .test-exercise-link{border-radius:.375rem;text-align:left;font-weight:700;text-decoration-line:underline;text-decoration-color:color-mix(in oklch,var(--color-base-content) 16%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .16s ease,text-decoration-color .16s ease}.test-ui .test-exercise-link:focus-visible,.test-ui .test-exercise-link:hover{color:var(--color-primary);text-decoration-color:color-mix(in oklch,var(--color-primary) 42%,transparent)}.test-ui .test-exercise-link:focus-visible{outline:2px solid color-mix(in oklch,var(--color-primary) 35%,transparent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.test-ui .btn,.test-ui .test-composite-field,.test-ui :is(.input,.select,.textarea){transition:none}}