.v7-icon-btn{width:var(--v7-size-avatar-md);height:var(--v7-size-avatar-md);border-radius:var(--v7-radius-pill);border:var(--v7-size-stroke) solid var(--v7-border-dark);background:var(--v7-bg-module-raised);color:var(--v7-text-on-dark);flex:none;place-items:center;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-grid;position:relative}.v7-icon-btn:hover{background:var(--v7-bg-dropdown-raised)}.v7-icon-btn[data-open]{background:var(--v7-bg-accent);color:var(--v7-text-on-accent);border-color:#0000}.v7-icon-btn__badge{top:calc(var(--v7-space-1) * -1 - var(--v7-size-stroke));left:calc(var(--v7-space-5) + var(--v7-size-stroke));min-width:var(--v7-size-icon-md);height:var(--v7-size-icon-md);padding-inline:calc(var(--v7-space-1) + var(--v7-size-stroke));border-radius:var(--v7-radius-pill);border:var(--v7-size-stroke-strong) solid var(--v7-bg-module);background:var(--v7-bg-accent);color:var(--v7-text-on-accent);justify-content:center;align-items:center;display:inline-flex;position:absolute}