.icon-button-wrap-chirho.svelte-l0fzt8{display:inline-flex;position:relative}.icon-button-chirho.svelte-l0fzt8{border-radius:var(--radius-chirho);border:1px solid color-mix(in oklab, var(--gold-chirho) 45%, transparent);background:color-mix(in oklab, var(--velvet-chirho) 80%, transparent);width:2.75rem;height:2.75rem;color:var(--gold-bright-chirho);transition:background-color .14s var(--ease-out-chirho), border-color .14s var(--ease-out-chirho);place-items:center;display:inline-grid}.tone-light-chirho.svelte-l0fzt8 .icon-button-chirho:where(.svelte-l0fzt8){border-color:color-mix(in oklab, var(--ink-chirho) 30%, transparent);background:var(--paper-chirho);color:var(--ink-chirho)}.icon-button-chirho.svelte-l0fzt8:hover:not(:disabled){border-color:var(--gold-bright-chirho);background:color-mix(in oklab, var(--gold-chirho) 18%, var(--velvet-chirho))}.tone-light-chirho.svelte-l0fzt8 .icon-button-chirho:where(.svelte-l0fzt8):hover:not(:disabled){border-color:var(--ink-chirho);background:var(--silver-light-chirho)}.icon-button-chirho[aria-pressed=true].svelte-l0fzt8{background:var(--gold-chirho);color:var(--ink-chirho)}.icon-button-chirho.svelte-l0fzt8:disabled{opacity:.4;cursor:default}.tip-chirho.svelte-l0fzt8{z-index:30;background:var(--paper-chirho);width:max-content;max-width:14rem;color:var(--ink-chirho);font-size:var(--step-small-chirho);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s var(--ease-out-chirho);border-radius:4px;padding:.375rem .625rem;font-weight:600;line-height:1.3;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.tip-end-chirho.svelte-l0fzt8{left:auto;right:0;transform:none}.tip-below-chirho.svelte-l0fzt8{top:calc(100% + .5rem)}.tip-above-chirho.svelte-l0fzt8{bottom:calc(100% + .5rem)}.icon-button-wrap-chirho.svelte-l0fzt8:hover .tip-chirho:where(.svelte-l0fzt8),.icon-button-chirho.svelte-l0fzt8:focus-visible+.tip-chirho:where(.svelte-l0fzt8){opacity:1;visibility:visible}.dismissed-chirho.svelte-l0fzt8 .tip-chirho:where(.svelte-l0fzt8),.dismissed-chirho.svelte-l0fzt8:hover .tip-chirho:where(.svelte-l0fzt8){opacity:0;visibility:hidden}