.ui-control[data-ui-state='disabled'],
.ui-control.is-ui-disabled{opacity:.45;cursor:default;pointer-events:auto}
.ui-control[data-ui-state='loading'],
.ui-control.is-ui-loading{opacity:.7;cursor:progress}
.ui-control[data-ui-state='pressed'],
.ui-control.is-ui-pressed{transform:scale(.96)}
.ui-control[data-ui-state='completed'],
.ui-control.is-ui-completed{box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 35%,transparent)}
.ui-control[data-ui-state='error'],
.ui-control.is-ui-error{box-shadow:0 0 0 2px color-mix(in srgb,#d65a54 40%,transparent)}
.ui-control[data-ui-state='focused']:focus,
.ui-control:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:2px}
@media(hover:hover){
  .ui-control[data-ui-state='default']:hover{filter:brightness(1.04)}
}

.ui-overlay{position:absolute;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.ui-overlay-header{flex:0 0 auto;position:relative;z-index:2;background:inherit}
.ui-overlay-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
.ui-overlay-content::-webkit-scrollbar{display:none;width:0;height:0}
.ui-hit-close,.ui-hit-avatar,.ui-hit-name{touch-action:manipulation;position:relative;z-index:3}
.ui-list-surface{will-change:transform}
.ui-list-dragging{transition:none}
.ui-list-springing{transition:transform .32s cubic-bezier(.18,.82,.2,1)}
@media(prefers-reduced-motion:reduce){
  .ui-control,.ui-list-springing{transition:none;transform:none}
}