.u-icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--text-secondary);flex:none;transition:background .2s cubic-bezier(.2,.7,.2,1),color .2s cubic-bezier(.2,.7,.2,1)}.u-icon-button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(18,122,98,.28)}.u-icon-button:hover{color:var(--text-primary)}.u-icon-button--sunken{background:var(--bg-sunken)}.u-icon-button--sunken:hover{background:var(--border-default)}.u-icon-button--surface{background:var(--bg-surface);border:1px solid var(--border-default)}.u-icon-button--surface:hover{background:var(--bg-canvas)}.u-icon-button--ghost{background:transparent}.u-icon-button--ghost:hover{background:var(--bg-sunken)}.u-icon-button__dot{position:absolute;top:24%;right:24%;width:8px;height:8px;border-radius:50%;background:var(--seal);box-shadow:0 0 0 2px var(--bg-sunken)}