@layer components{.faux-goal{border:var(--line-weight)solid hsl(var(--color-accent));border-radius:var(--space-sm);background-color:color-mix(in hsl,hsl(var(--color-accent)),hsl(var(--color-sheet))95%);gap:var(--space-xs);margin-block:var(--space-sm);flex-direction:column;padding:.75em;list-style:none;display:flex}.faux-goal .faux-goal__row{gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.faux-goal p{font-size:var(--type-md);margin:0;line-height:1}.faux-goal span{font-size:var(--type-xs);color:hsl(var(--color-accent));text-transform:uppercase}.faux-goal .faux-goal__progress{height:var(--space-sm);border-radius:var(--space-lg);background-color:hsl(var(--color-accent))}.faux-goal .faux-goal__avatars{gap:var(--space-xs);display:flex}.faux-goal .faux-goal__avatars span{background-color:hsl(var(--color-accent));width:var(--space-md);height:var(--space-md);border-radius:100%;display:block}.goal-form{gap:var(--space-xs);background-color:hsl(var(--color-accent)/5%);padding:var(--space-md);border-radius:var(--space-sm);flex-flow:column wrap;align-items:stretch;display:flex}@media (width>=50em){.goal-form{flex-direction:row;align-items:center}}.faux-select{border:var(--line-weight)solid hsl(var(--color-accent));padding:var(--space-md);pointer-events:none;max-height:var(--space-xl);flex-grow:1;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.faux-select .arrow{--button-text:var(--color-accent);width:var(--space-md);height:var(--space-md);rotate:90deg}.options{margin:-8em 0 0;padding:0;list-style:none}.options .option{color:hsl(var(--color-accent));font-size:var(--type-lg);padding-block:var(--space-md)}.faux-progress{border-inline-end:var(--line-weight)solid hsl(var(--color-accent));justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);pointer-events:none;max-height:var(--space-xl);font-size:var(--type-lg);flex-grow:1;width:100%;display:flex;position:relative;overflow:hidden}@media (width>=50em){.faux-progress{width:50%}}.faux-progress .track{align-items:center;width:100%;display:grid}.faux-progress .fill{background-color:hsl(var(--color-accent));height:var(--space-xs);grid-area:1/1;width:100%}.faux-progress .thumb{background-color:hsl(var(--color-accent));height:var(--space-md);width:var(--space-md);border-radius:100%;grid-area:1/1}.faux-progress .percentage{--font-width:100;--font-weight:700;color:hsl(var(--color-accent));font-variant-numeric:tabular-nums;width:1.5em}.faux-textarea{width:100%;border:var(--line-weight)solid hsl(var(--color-accent));padding:var(--space-md);margin-block-start:var(--space-md)}.faux-textarea .faux-text{height:var(--space-xs);margin-block-start:var(--space-md)}}