.button-square{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--background-primary);width:32px;height:32px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:400;display:flex}.button-square:hover{background:var(--background-secondary);border:1px solid var(--border-secondary)}.button-square:active{color:var(--text-accent);background:var(--background-dark);border:1px solid var(--border-accent)}.button-square--sm{width:16px;height:16px;font-size:.7rem}.button-square--dark{background:var(--background-dark);border:1px solid #0000}.button-square--dark:hover{background:var(--background-tertiary);border-color:#0000}.button-square--dark:active{background:var(--background-bright);border-color:var(--border-tertiary);color:var(--text-primary)}.button-square--darker{background:var(--background-darker);border:1px solid #0000}.button-square--darker:hover{background:var(--background-tertiary);border-color:#0000}.button-square--darker:active{background:var(--background-bright);border-color:var(--border-tertiary);color:var(--text-primary);border:none}.button-square--warning{background:#df9a210d;border:1px solid #fdb02233}.button-square--warning .button-square__icon{color:var(--text-warning)}