.ui-chipgroup{gap:var(--space-2);display:flex}.ui-chipgroup--wrap{flex-wrap:wrap}.ui-chipgroup--scroll{scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, var(--color-text-primary) var(--space-6), var(--color-text-primary) calc(100% - var(--space-6)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--color-text-primary) var(--space-6), var(--color-text-primary) calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(to right, transparent, var(--color-text-primary) var(--space-6), var(--color-text-primary) calc(100% - var(--space-6)), transparent);padding:0 var(--space-6);flex-wrap:nowrap;overflow-x:auto}.ui-chipgroup--fill{gap:calc(var(--space-1) + var(--space-0-5));flex-wrap:nowrap}.ui-chipgroup--fill>.ui-chip{min-width:var(--size-touch-min);padding:0 var(--space-1);flex:1 1 0;position:relative}.ui-chipgroup--fill>.ui-chip:before{content:"";top:0;bottom:0;left:calc(var(--space-0-5) * -1.5);right:calc(var(--space-0-5) * -1.5);position:absolute}.ui-chipgroup--fill>.ui-chip.is-selected .ui-chip__icon{display:none}.ui-chipgroup--week{width:100%;display:block;container:weekdays/inline-size}.ui-chipgroup__track{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ui-chipgroup--week .ui-chip{min-width:var(--size-touch-min);height:var(--size-touch-min);font:var(--type-label);padding:0}.ui-chipgroup--week .ui-chip.is-selected .ui-chip__icon{display:none}@container weekdays (width>=20rem){.ui-chipgroup__track{gap:var(--space-0-5);grid-template-columns:repeat(7,minmax(0,1fr))}}.ui-chipgroup--week{gap:var(--space-1);flex-wrap:nowrap}.ui-chipgroup--week>.ui-chip{flex:1 1 0;min-width:0;padding:0;position:relative}.ui-chipgroup--week>.ui-chip:before{content:"";top:0;bottom:0;left:calc(var(--space-0-5) * -1);right:calc(var(--space-0-5) * -1);position:absolute}.ui-chipgroup--week>.ui-chip.is-selected .ui-chip__icon{display:none}.ui-chip{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:var(--size-hairline) solid var(--color-border-default);border-radius:var(--radius-chip);background:var(--color-surface-sunken);color:var(--color-text-secondary);font:var(--type-button);white-space:nowrap;touch-action:manipulation;transition:transform var(--duration-instant) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-shrink:0;display:inline-flex}button.ui-chip{cursor:pointer}.ui-chip--sm{min-height:var(--size-touch-min)}.ui-chip--md{min-height:var(--size-touch)}.ui-chip__icon{display:inline-flex}.ui-chip__icon svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.ui-chip__label{text-overflow:ellipsis;overflow:hidden}.ui-chip__count{font:var(--type-numeric-sm);color:var(--color-text-tertiary)}.ui-chip.is-selected{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.ui-chip.is-selected .ui-chip__count{color:var(--color-text-inverse)}.ui-chip--action{background:var(--color-surface-card);color:var(--color-text-primary)}.ui-chip--input{background:var(--color-surface-sunken);color:var(--color-text-primary);padding-right:0}.ui-chip__remove{width:var(--size-touch-min);height:var(--size-touch-min);margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.ui-chip__remove svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.ui-chip--tag{min-height:var(--space-6);padding:0 var(--space-2);gap:var(--space-1);font:var(--type-overline);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-color:#0000}.ui-chip--tone-neutral{background:var(--color-surface-sunken);border-color:var(--color-border-default);color:var(--color-text-secondary)}.ui-chip--tone-accent{background:var(--color-accent-soft);color:var(--color-text-accent)}.ui-chip--tone-rest{background:var(--color-rest-soft);color:var(--color-text-rest)}.ui-chip--tone-info{background:var(--color-info-soft);color:var(--color-text-info)}.ui-chip--tone-success{background:var(--color-success-soft);color:var(--color-text-success)}.ui-chip--tone-warning{background:var(--color-warning-soft);color:var(--color-text-warning)}.ui-chip--tone-danger{background:var(--color-danger-soft);color:var(--color-text-danger)}button.ui-chip:active:not(:disabled){transform:scale(var(--motion-scale-press));background:var(--color-surface-card-pressed)}.ui-chip:disabled{opacity:var(--opacity-disabled);cursor:default}.ui-chip--input:has(.ui-chip__remove:disabled){opacity:var(--opacity-disabled);cursor:default}.ui-listrow{align-items:center;gap:var(--space-3);width:100%;min-height:var(--size-touch-lg);padding:var(--space-2) var(--space-4);color:var(--color-text-primary);text-align:left;background:0 0;text-decoration:none;display:flex}.ui-listrow+.ui-listrow{border-top:var(--size-hairline) solid var(--color-border-subtle)}.ui-listrow--clickable{cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-standard)}.ui-listrow--clickable:active{background:var(--color-surface-card-pressed)}.ui-listrow__icon{color:var(--color-text-secondary);flex-shrink:0;display:inline-flex}.ui-listrow__icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.ui-listrow__text{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.ui-listrow__title{font:var(--type-body);overflow-wrap:anywhere}.ui-listrow--danger .ui-listrow__title{color:var(--color-text-danger)}.ui-listrow__subtitle{font:var(--type-caption);color:var(--color-text-tertiary)}.ui-listrow__value{overflow-wrap:anywhere;min-width:0;max-width:60%;font:var(--type-body-sm);color:var(--color-text-secondary);text-align:right;flex:0 auto}.ui-listrow__chevron{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-text-tertiary);flex-shrink:0}.ui-listrow .ui-switch{width:auto;min-height:var(--size-touch-min);padding:0}.ui-switch{align-items:center;gap:var(--space-4);width:100%;min-height:var(--size-touch-lg);padding:var(--space-2) 0;color:var(--color-text-primary);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;display:flex}.ui-switch__text{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.ui-switch__label{font:var(--type-body)}.ui-switch__description{font:var(--type-caption);color:var(--color-text-tertiary)}.ui-switch__track{width:calc(var(--size-touch) + var(--space-1));height:var(--space-8);border:var(--space-0-5) solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface-sunken);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex-shrink:0;position:relative}.ui-switch__knob{top:50%;left:var(--space-1);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--color-text-tertiary);color:var(--color-text-inverse);transition:left var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translateY(-50%)}.ui-switch.is-on .ui-switch__track{background:var(--color-accent-soft);border-color:var(--color-accent-border)}.ui-switch.is-on .ui-switch__knob{left:calc(100% - var(--space-5) - var(--space-1));background:var(--color-accent);color:var(--color-text-on-accent)}.ui-switch:disabled{opacity:var(--opacity-disabled);cursor:default}.ui-switch.is-loading{cursor:progress}
