.iconbtn{width:48px;height:48px;color:var(--fg);transition:background-color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.iconbtn--tonal{background:var(--accent-soft);color:var(--on-accent-soft)}.iconbtn:active,.iconbtn[aria-pressed=true]{background:var(--surface-2)}.iconbtn--tonal:active{background:color-mix(in srgb, var(--accent-soft) 70%, var(--accent))}@media (hover:hover){.iconbtn--plain:hover{background:var(--surface-2)}}.iconbtn:disabled{color:var(--muted);cursor:not-allowed}.fab{background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:var(--shadow-fab);transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.fab:active{background:var(--accent-pressed);transform:scale(.96)}.fab--page{z-index:30;right:calc(var(--s-4) + env(safe-area-inset-right,0px));bottom:calc(var(--nav-h) + var(--s-4) + env(safe-area-inset-bottom,0px));position:fixed}.fab--frame{z-index:2;right:var(--s-4);bottom:calc(var(--nav-h) + var(--s-4));position:absolute}@media (prefers-reduced-motion:reduce){.fab:active{transform:none}}