.ui-icon-btn{--ui-icon-btn-s:20px;width:var(--ui-icon-btn-s);height:var(--ui-icon-btn-s);color:var(--cc-ink-3);border-radius:var(--cc-r-1);cursor:pointer;transition:background .1s ease, color .1s ease, transform var(--cc-dur-press) var(--cc-ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}@media (hover:hover) and (pointer:fine){.ui-icon-btn:hover:not(:disabled){background:var(--cc-rule);color:var(--cc-ink)}}.ui-icon-btn:active:not(:disabled){transform:scale(.9)}.ui-icon-btn:disabled{cursor:not-allowed;opacity:.55}.ui-icon-btn--chrome{--ui-icon-btn-s:28px;border-radius:var(--cc-r-2)}@media (hover:hover) and (pointer:fine){.ui-icon-btn--chrome:hover:not(:disabled){background:var(--cc-bg)}}.ui-icon-btn--chrome:active:not(:disabled){transform:scale(.97)}@media (pointer:coarse){.ui-icon-btn:after{content:"";inset:calc((40px - var(--ui-icon-btn-s)) / -2);position:absolute}}@media (prefers-reduced-motion:reduce){.ui-icon-btn:active:not(:disabled){transform:none}}