.select{appearance:none;background-color:var(--color-bg);position:relative;display:inline-flex;flex-shrink:0;align-items:center;gap:.5rem;touch-action:manipulation;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");background-size:1em;background-position:right var(--space-2xs, .5em) top 60%;background-repeat:no-repeat;text-overflow:ellipsis;&:focus{border-color:currentColor;outline-color:currentColor;outline-style:var(--focus-ring-style, solid);outline-offset:var(--focus-ring-offset, 2px);outline-width:var(--focus-ring-width, 2px)}@supports (appearance: base-select){appearance:base-select}&::picker(select){appearance:base-select;color:inherit;max-height:70dvh;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--radius-input);margin-block:var(--space-2xs);padding:var(--space-2xs) var(--space-3xs);background-color:inherit;box-shadow:var(--shadow-md)}&::picker-icon{visibility:hidden}option{padding-inline:var(--space-2xs);padding-block:.375rem;border-radius:var(--radius-md);transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&::checkmark{order:1;margin-left:auto;content:"✓"}&:not(:disabled){&:hover,&:focus,&:focus-visible{background-color:var(--color-bg-offset-1);cursor:pointer;outline:none}}}}.radio{--_radio-color: var(--color-primary);appearance:none;margin:0;vertical-align:middle;width:1rem;height:1rem;border:var(--border-width) var(--border-style) var(--border-color);box-shadow:var(--shadow-xs);display:inline-block;border-radius:var(--radius-full);padding:.125rem;&:before{content:"";background-size:auto;background-image:none;border-radius:var(--radius-full);width:100%;height:100%;display:block}&:checked{border-color:var(--_radio-color);&:before{background-color:var(--_radio-color);border-radius:var(--radius-full)}}&:focus-visible{--focus-ring-color: var(--_radio-color);outline-offset:var(--focus-ring-offset);outline-style:var(--focus-ring-style);outline-width:var(--focus-ring-width)}}.checkbox{--_color: var(--color-primary);appearance:none;vertical-align:middle;width:1rem;height:1rem;border:var(--border-width) var(--border-style) var(--border-color);box-shadow:var(--shadow-xs);flex-shrink:0;padding:0;margin:0;background:none;background-color:transparent;border-radius:var(--radius-md);font-weight:700;display:inline-flex;justify-content:center;align-items:center;&:checked{background-color:var(--_color);border-color:var(--_color);color:var(--color-primary-content, white);&:before{content:"✓";font-size:var(--text-xs)}}&:focus-visible{--focus-ring-color: var(--_color);outline-color:var(--focus-ring-color);outline-offset:var(--focus-ring-offset);outline-style:var(--focus-ring-style);outline-width:var(--focus-ring-width)}&:not(:disabled){cursor:pointer}}@supports (color: color-mix(in oklab,red,red,red)){.checkbox{--border-color: color-mix(in oklab, var(--color-text-primary) 20%, transparent)}}.card{--_card-bg: var(--_card-color, var(--color-bg));--_card-border-mix: var(--border-mix, 100%);--_card-shadow-mix: var(--shadow-mix, 20%);--_card-border-color: color-mix( in oklab, var(--_card-color), var(--color-black) var(--_card-border-mix) );--_card-shadow: 0 1px 2px 0 color-mix(in oklab, var(--_card-color) var(--_card-shadow-mix), #0000);display:flex;flex-direction:column;position:relative;padding-block:var(--space-md);padding-inline:var(--space-md);background-color:var(--_card-bg);border:var(--border-width) var(--border-style) var(--_card-border-color, var(--border-color));border-radius:var(--radius-panel);box-shadow:var(--_card-shadow)}.avatar{--_avatar-radius: var(--radius-full);--_avatar-size: 2rem;position:relative;display:flex;flex-shrink:0;overflow:hidden;height:var(--_avatar-size, 1rem);width:var(--_avatar-size, 1rem);border-radius:var(--_avatar-radius)}.avatar-image{aspect-ratio:1;height:100%;width:100%;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--color-bg-offset-1);border-radius:var(--radius-full)}.avatar-square{--_avatar-radius: var(--radius-lg)}.avatar-lg{--_avatar-size: 3rem}.avatar-xl{--_avatar-size: 4rem}[data-avatar-overlap] .avatar{margin-inline-end:-8px;box-shadow:0 0 0 2px #fff}[data-avatar-overlap] .avatar:last-child{margin-inline-end:0}[data-avatar-animated] .avatar{margin-inline-end:-8px;transition:margin-inline-end .15s ease-in-out}[data-avatar-animated]:hover .avatar{margin-inline-end:4px}[data-avatar-animated] .avatar:last-child{margin-inline-end:0}