.ui-ipill{width:var(--s);height:var(--s);border-radius:calc(var(--s)/2);display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;padding:0;cursor:pointer;text-decoration:none;color:var(--rml-interface-color);background:transparent;font-family:var(--font-sans);font-size:14px;font-weight:var(--fw-semibold);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ui-ipill--ghost:hover{background:var(--hover-dim)}.ui-ipill--surface{background:var(--ws-surface);box-shadow:var(--ring-chrome)}.ui-ipill--surface:hover{background:color-mix(in srgb,var(--ws-surface) 94%,var(--rml-dark))}.ui-ipill--material{background:var(--material-ultra-thin);backdrop-filter:var(--material-ultra-thin-blur);-webkit-backdrop-filter:var(--material-ultra-thin-blur);box-shadow:var(--shadow-chrome)}.ui-ipill--material:hover{background:color-mix(in srgb,var(--material-ultra-thin) 80%,var(--ws-surface))}.ui-ipill--red{background:var(--rml-red);color:#fff;box-shadow:var(--shadow-chrome)}.ui-ipill--red:hover{background:var(--rml-red-hover)}.ui-ipill--avatar{background:var(--rml-interface-background);box-shadow:var(--ring-chrome)}.ui-ipill--active{background:var(--rml-interface-color)!important;color:var(--rml-light)!important}.ui-ipill:active{transform:scale(.96)}.ui-ipill[disabled]{opacity:.4;cursor:default;pointer-events:none}